如何遍历jQuery中的一系列类答案

【问题标题】：How to iterate through a series of Classes in jQuery如何遍历jQuery中的一系列类
【发布时间】：2017-10-17 17:39:32
【问题描述】：

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

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

我希望能够遍历这些类并使用 jQuery 向用户提醒它们的每个 src 属性。

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

我不确定如何编写这个while 循环，或者在这种情况下是否有比while 更好的方法。我该怎么做？

【问题讨论】：

仅供参考：下面的所有答案都使用$(this).attr('src') ...这是this.src的jQuery简写（有点）

标签： javascript jquery class while-loop

【解决方案1】：

您需要以下内容：

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

【讨论】：

【解决方案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="#" />

【讨论】：

【解决方案3】：

相当简单如下

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

【讨论】：

【解决方案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 #
});

【讨论】：

仅供参考：src !== id
接受这个纯粹是因为你的积分最少，但它们都有效。不敢相信我不知道这个

【解决方案5】：

试试这个

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

Reference

【讨论】：