Wie durchlaufen Sie eine Reihe von Klassen in jQuery

Question

Ich habe eine Reihe von Elementen, alle der gleichen Klasse.

<img class="clicker" src="#"/> 
<img class="clicker" src="#"/> 
<img class="clicker" src="#"/> 

Ich möchte in der Lage sein, durch diese Klassen zu durchlaufen und mit jQuery jedem ihrer src Attribute für den Benutzer alarmieren.

var one = $('.clicker').attr('src'); 
    alert(one); 
    while($('.clicker').next().length){ 
     ... 
     ... 
    alert(next src); 
    } 

Ich bin nicht wirklich sicher, wie diese while Schleife zu schreiben, oder wenn es etwas besser zu bedienen als while in diesem Fall ist. Wie soll ich das machen?

Answer 1

Example code in fiddle

$('.clicker').each(function(){ 
    console.log($(this).attr('id')); // used id instead of src as src doesn't have any value other than # 
}); 

Diese

Answer 2

Sie benötigen die folgenden:

$(".clicker").each(function() { 
    alert($(this).attr('src')); 
}); 

Answer 3

Verwendung jquery each Schleife über

$('img.clicker').each(function(i, v) { 
 
    alert($(this).attr('src')) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<img class="clicker" src="#" /> 
 
<img class="clicker" src="#" /> 
 
<img class="clicker" src="#" />

Answer 4

Versuchen

$(".clicker").each(function() { 
     console.log($(this).attr('src')); 
    }); 

Reference

Answer 5

Ziemlich einfach wie

folgt

$(".clicker").each(() =>{ 
    //Your code 
});