jquery - 使用 JavaScript (jQuery)，如何一次循环浏览页面上的所有 'a' 标记，并为每个标记分配单独的样式？

Question

让我尝试解释一下...假设我在页面上有以下“a”标签:

<a href="img1.jpg" class="myClass" alt="0,0,600,200"></a>
<a href="img2.jpg" class="myClass" alt="200,0,600,75"></a>
<a href="img3.jpg" class="myClass" alt="275,0,600,200"></a>
<a href="img4.jpg" class="myClass" alt="475,0,600,50"></a>
<a href="img5.jpg" class="myClass" alt="525,0,600,100"></a>
<a href="img6.jpg" class="myClass" alt="625,0,600,200"></a>

我想循环遍历所有具有“myClass”类的“a”标签并读取 alt 标签，并根据其值分配特定的“style”属性。

我尝试了以下方法:

// get value of alt attribute
var tmp = $("a.myClass").attr('alt');
// split value into an array
var partsArray = tmp.split(',');
// assign array values to a dedicated variable
var a = partsArray[0];
var b = partsArray[1];
var c = partsArray[2];
var d = partsArray[3];

// create inline style string
var style;
style = style + "position:absolute;display:block;";
style = style + "border:1px solid red;";
style = style + "width:" + c + "px;";
style = style + "height:" + d + "px;";
style = style + "top:" + a + "px;";
style = style + "left:" + b + "px;";

// add the style attribute and its value
$('a.myClass').attr('style', style);

但它采用第一个“a”标签“alt”属性的值并将样式分配给所有“a”标签。我想做的是读取每个“a”标签，获取“alt”值并为该“a”标签分配样式，然后读取下一个“a”标签...

有没有一种方法可以实现此目的，而无需为每个“a”标签分配唯一的 ID 或类？
我对 jQuery 完全陌生，花了几个小时尝试和谷歌搜索这个问题，但不知道如何解决。
请有人帮忙。

Answer 1

您可以使用each方法如下:

$('a.myClass').each(function(){
  var tmp = $(this).attr('alt');

  // your further code...
});

each 将迭代具有类 myClass 的所有链接，并获取存储在 tmp 中的每个链接的 alt 值您可以采取行动的变量。