JQuery - Wie die dies für bekommen verschachtelt jede

Question

Ich habe jede innere wie

$('a[id^="Page"]').each(function() { 
    if ($(this).attr("id") == pageId) { 
    $('[id="' + pageId + '"]"').each(function() { 
     // code here 
     }); 
    } 
}); 

Wie das aktuelle Element zugreifen, da this aus früheren each ist?

Danke!

Answer 1

Sie die zweite Rückruf verwenden können Argument, um das Element wie folgt zu erhalten:

$('a[id^="Page"]').each(function (index, element) { 
     if ($(element).attr("id") == pageId) { 
        $('[id="' + pageId + '"]"').each(function (j, pageElment) { 
         console.log(element); 
         console.log(pageElment); 
        }); 
     } 
}); 

Answer 2

Nur this zu Variablen speichern und als Sie können es verwenden:

$('a[id^="Page"]').each(function() { 
    var $that = $(this); 

    if ($that.attr("id") == pageId) { 
      $('[id="' + pageId + '"]"').each(function() { 
       console.log($that.data('val') === $(this).data('val')); 
      }); 
    } 
}); 

---

Wenn Sie Ihre ID als Nummer (zB id="12345") haben, als read this

Answer 3

Erstens können Sie die folgende Callback-Signatur verwenden, um die Verwendung von this zu beseitigen:

.each(function(outerIndex, outerElement) { 
    .each(function(innerIndex, innerElement) { 
     // Do stuff with outerElement... 
    }); 
}); 

Dies ist besser lesbar als die Verwendung von this Tautologie.

Allerdings ist es in Ihrem Beispiel nicht notwendig, die zweite each(... in Ihrem ersten each(... überhaupt zu verwenden, da Sie für genaue ID suchen. Und wenn Sie die pageId im Voraus kennen - brauchen Sie keine each(.... Statt nur die Wähler-ID verwenden:

$('#' + pageId).// Do your stuff 

Answer 4

this standardmäßig bezieht sich auf den Kontext, der die Funktion ruft. Wenn Sie .each für ein oder mehrere Elemente aufrufen, bezieht sich this innerhalb der Funktion immer auf das aktuelle Element.