Question

$("#questions .question").each(function() {}

.question是一个li，在.question li里面是另一个列有.answers的列表，每个列都有一个类.answer的li。

我已经尝试过在上面的循环中定位它们但没有运气：

$(this).$(".answer").each(function() {}

有没有人知道如何使用这个来定位循环中的每个答案li？

Answer 1

$(this).find('.answer')或$('.answer', this)

它们是等价的。来自jQuery源代码：

// HANDLE: $(expr, context)
// (which is just equivalent to: $(context).find(expr)
} else {
    return this.constructor( context ).find( selector );
}

Answer 2

使用$(this)：

$("#questions .question").each(function() {
    console.log($(this)); // each .question li
}

Answer 3

$("#questions .question").each(function() {
    $(this).find(".answer").each( function() {
        //code here
    } );
}

Answer 4

您可以传递上下文以应用选择器。在这种情况下，传递this将实现您想要的目标：

$("#questions .question").each(function() {
    $(".answer", this).each(function() { // Pass `this` as the context
    });
}

Answer 5

$("#questions .question").each(function(index, element) {
    $(element).find('.answer').each(function(index, element) {
        /* do stuff */
    });
});

http://api.jquery.com/jQuery.each/

针对循环内部？

5 个答案: