Прокрутите список?

Question

<ul id ="questions"> 
    <li class="question"></li> 
    <li class="question"></li> 
    <li class="question"></li> 
</ul> 

Как я могу перебирать элементы списка?

До сих пор у меня есть:

$("#questions li").each(function() { }); 

Но не повезло, какие идеи?

Я должен упомянуть, что все, кроме первого, добавляются «на лету», вот почему цикл не подбирает их?

Answer 1

Что вы пытаетесь сделать, как вы итерацию по каждому элементу списка? Использование функции .each должно работать отлично. Если у вас возникла проблема с этим, хотя это может быть связано с тем, что вы вызываете функцию слишком рано, и в этом случае исправление ready function (как указано в @roXon). В противном случае, если у вас возникнут проблемы. Это может быть из-за пространства у вас есть между знаком id и = на вашем <ul>

Вот пример JQuery итерации по каждому элементу:

$('#questions li').each(function() { 
    var i = $(this).index() + 1; 
    $(this).text("List item " + i); 
}); 

Не стесняйтесь играть с ним: http://codepen.io/sdthornton/pen/gkayG

Answer 2

LIVE DEMO

Использование .ready function, делая, таким образом модификации DOM будет иметь место, как только это читать.

$(function(){ 
    $("#questions li").each(function() { 
      // DO SOMETHING 
    }); 
}); 

http://api.jquery.com/ready/

Или использовать Firebug или devTool, чтобы получить какие-либо другие возможные ошибки.

Answer 3

Используйте параметры функции, чтобы получить индекс и значение каждого элемента списка:

$("#questions li").each(function(index, value) { 
    console.log(index + '' + $(value).html()); 
}); 

Answer 4

Казалось бы, что вы перебор каждого элемента списка.

Если вы меняете элементы DOM для:

<ul id ="questions"> 
    <li class="question">one</li> 
    <li class="question">two</li> 
    <li class="question">three</li> 
</ul> 

, а затем с помощью следующей JQuery кода при загрузке документа:

$(function(){ 
    $("#questions li").each(function() { 
      alert($(this).html()); //Or whatever you want to do with that item 
    }); 
}); 

Вы должны быть вывод:

• один
• три

Примечание: Вы можете протестировать JavaScript и JQuery в http://jsfiddle.net/