jQuery每個循環中的每個循環

Question

我有一些用作容器的div，我想遍歷它們，然后遍歷其中的項目。

所以不是$('.stackContainer .stackItem').each(而是這樣的：

// setup stacks
$('.stackContainer').each(function(containerIndex) {
    //console.log($(this));
    console.log(containerIndex);

    $(this).('.stackItem').each(function(itemIndex) {
        console.log(itemIndex);     
    }
});

只有這樣工作。 這怎么可能？

Answer 1

嘗試

$('.stackContainer').each(function(containerIndex) {
    //console.log($(this));
    console.log(containerIndex);

    $(this).find('.stackItem').each(function(itemIndex) {
        console.log(itemIndex);     
    }
});

Answer 2

嘗試find()方法：

$('.stackContainer').each(function(containerIndex) {
    //console.log($(this));
    console.log(containerIndex);

    $(this).find('.stackItem').each(function(itemIndex) {
        console.log(itemIndex);     
    }
});

Answer 3

正如其他答案所指出的，這樣做的方法很多。 這是一種解決方案： http : //jsfiddle.net/cezHH/3/

$(".stackContainer").each(function(stackIndex) {
    $(this).children().css('class', '.stackItem').each(function(itemIndex) {
        $(this).html($(this).html() + "=>" + itemIndex);
    });
});​

或者，如果您要做的只是按照它們在頁面上出現的順序遍歷所有.stackItem div，而您實際上並不關心父.stackContainer div，那么您可以執行$('.stackItem').each(function(index) { ... });

之所以嵌套循環，在迭代.stackItem如果你想的div是itemIndex變量每次開機父容器時間重置為零。

Answer 4

從側面講，出於性能原因，如果集合的大小可能是任意的，則應避免使用jQuery的each（）：

http://net.tutsplus.com/tutorials/javascript-ajax/10-ways-to-instantly-increase-your-jquery-performance/

http://jsperf.com/jquery-each-vs-for-loop