0

Как сократить скрипт?

 $('span.class_1').hover(function(){
  $('div.class_1').fadeToggle();
});
$('span.class_2').hover(function(){
  $('div.class_2').fadeToggle();
});
$('span.class_3').hover(function(){
  $('div.class_3').fadeToggle();
});
// И так далее... до 60 штук

UPD: В целом, у меня есть <li> со вложенными span и div. При наведении на span этого li мне нужно отобразить div.

3
  • 3
    может проще нормальную разметку сделать вместо кучи пронумерованных классов? 6 янв 2017 в 20:13
  • Неплохо было бы понимать для чего это делается. Сейчас у вас типичный индокод и от перебора в цикле числовых суффиксов классов он таковым быть не перестанет. Более грамотным было бы задавать связь между соответствующими span и div при помощи data-атрибутов или путем поиска соответствующего элемента в пределах родителя 6 янв 2017 в 20:14
  • Ну вот, как оказалось (судя по обновлению с li, span и div) - все эти классы воообще не нужны. Нужно просто чуть более глубокое освоение функций jquery и их применение (см ответ tutankhamun) 6 янв 2017 в 20:22

1 ответ 1

3

Теперь, когда известно про span и div, вложенные в li получается вот такая конструкция:

$('li span').hover(function() {
    $(this).closest('li').find('div').fadeToggle();
});

Чтобы не было разночтений вместо span и div следует использовать классы

1
  • Идеально! Всем спасибо! 6 янв 2017 в 20:25

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.