JQuery вложенный цикл Id цикла

Question

JQuery вложенный цикл Id цикла

0

У меня есть следующая функция jQuery, выполняющая slideToggle на вложенных div id

    jQuery("#100011000110001>#level0>#level3").live('click',function(){
        jQuery("#10001100011000110001>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110002>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110003>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110004>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110005>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110006>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110007>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110008>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110009>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110010>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110011>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110012>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110013>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110014>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110015>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110016>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110017>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110018>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110019>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110020>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110021>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110022>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110023>#level0>#level4").slideToggle("slow")
});

где # 10001100011000110001 и т.д. - это дочерние divs родительского div # 100011000110001

Может кто-нибудь сказать мне, какой цикл я могу использовать для замены повторяющихся строк каждого вложенного ребенка

спасибо заранее

mm2000 13 нояб. 2013, в 21:20

Источник

3

Ааа, мои глаза :) У тех дивов общий класс!
tymeJV 13 нояб. 2013, в 20:08
3

Поскольку вы можете идентифицировать элементы по их id вы можете игнорировать элементы-предки и выбирать по id который вы, очевидно, знаете. У вас неверный HTML, если у вас есть какие-либо элементы с id ; id должен быть уникальным в документе . Кроме того, live() устарела в jQuery 1.7 и полностью удалена в jQuery 1.9 (и выше); он был заменен on() .
David Thomas 13 нояб. 2013, в 20:11
0

Спасибо за информацию об устаревании Дэвид
mm2000 15 нояб. 2013, в 22:02

Показать ещё 1 комментарий

Теги:

jquery

html

loops

nested

accordion

3 ответа

Ещё вопросы

Ааа, мои глаза :) У тех дивов общий класс!
Поскольку вы можете идентифицировать элементы по их id вы можете игнорировать элементы-предки и выбирать по id который вы, очевидно, знаете. У вас неверный HTML, если у вас есть какие-либо элементы с id ; id должен быть уникальным в документе . Кроме того, live() устарела в jQuery 1.7 и полностью удалена в jQuery 1.9 (и выше); он был заменен on() .
Спасибо за информацию об устаревании Дэвид

meavo · Answer 1 · 2013-11-13T18-45-00.000Z

0

Если я правильно прочитаю ваш код, единственное, что вы в основном хотите:

$("#level3").on('click',function(){
  var $level4 = $('#level4');
  for (var i=0; i<20; i++) {
    $level4.slideToggle("slow");
  }
});

meavo 13 нояб. 2013, в 18:45

0

Это не сработает. $ level4 будет только одним элементом, который вы просто собираетесь сдвинуть. Переключите его 20 раз. Проблема в том, что у него слишком много div с одним и тем же ID
Kierchon 13 нояб. 2013, в 20:14
0

Идентификатор может появиться только один раз, верно? Так что, кроме того, для меня это не имеет особого смысла - это правильный перевод данного кода Майклом Мигелем.
meavo 13 нояб. 2013, в 20:16
0

Я не думаю, что он знает это все же. Посмотрите на его код, каждый из селекторов указывает на разные div с одинаковым идентификатором.
Kierchon 13 нояб. 2013, в 20:19
1

О, хороший вопрос. HTML является недействительным , так как level4 и level10 используются повторно в качестве идентификатора. Это должны быть занятия.
Anthony 13 нояб. 2013, в 20:19
0

Хороший вопрос, если это так!
meavo 13 нояб. 2013, в 20:21

Показать ещё 3 комментария

Kevin B · Answer 2 · 2013-11-13T18-43-00.000Z

Замените их неявным циклом. дать всем level4 класс "level4", а затем выбрать его по классу.

$(".level4").slideToggle("slow");

это будет охватывать все элементы, соответствующие селектору ".level4" и slidetoggle каждого из них.

Anthony · Answer 3 · 2013-11-13T18-20-00.000Z

Можно ли предположить, level10 идентификатор level10 используется только в соответствующих div?

  jQuery("*>#level0>#level4").slideToggle("slow")

Энтони У меня # level0> # level4 дети с разными родителями, и я хочу выбрать только подходящих детей