jquery - ループ内でターゲティング？

Question

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

.questionli の内部には.question、 class を持つ別のリストがあり.answers、それぞれに class の li があり.answerます。

上記のループ内でそれらをターゲットにするためにこれを試しましたが、うまくいきませんでした:

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

これを使用して、ループ内で各回答をターゲットにする方法を知っている人はいますか?

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

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

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

Answer 5

セレクターを適用するコンテキストを渡すことができます。この場合、渡すthisと目的が達成されます。

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