Question

我有一系列元素，都是同一个类。

>>> circle = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h']  
>>> start, end = 6, 1  
>>> clockwise = circle[start:] + circle[:end+1]  
>>> clockwise  
['g', 'h', 'a', 'b']  
>>> counter_clockwise = circle[start:end-1:-1]  
>>> counter_clockwise  
['g', 'f', 'e', 'd', 'c', 'b']

我希望能够遍历这些类，并使用jQuery向用户发出每个<img class="clicker" src="#"/> <img class="clicker" src="#"/> <img class="clicker" src="#"/>属性的警告。

src

我不确定如何编写此var one = $('.clicker').attr('src'); alert(one); while($('.clicker').next().length){ ... ... alert(next src); }循环，或者在此实例中是否有比while更好的用法。我该怎么做？

Answer 1

您需要以下内容：

Answer 2

使用jquery each循环

$('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 3

相当简单如下

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

Answer 4

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 #
});

Answer 5

试试这个

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

Reference

如何在jQuery中迭代一系列类

5 个答案: