使用JavaScript（jQuery），我如何循环使用所有'；a'；标签，一次一个，并为每个标签指定单独的样式？

让我试着解释一下。。。假设我在页面上有以下“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>

但它接受第一个'a'标记'alt'属性的值，并将样式指定给所有'a'标记。我试图做的是读取每个“a”标记，获取“alt”值并为该“a”标记指定样式，然后读取下一个“a”标记

有没有一种方法可以在不必为每个“a”标记分配唯一ID或类的情况下实现这一点？
我对jQuery完全是新手，花了几个小时尝试和谷歌搜索这个问题，但不知道怎么做。
有人请帮忙。

您可以使用以下方法：

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

  // your further code...
});

each

将迭代class

myClass

的所有链接，并获取存储在

tmp

变量中的每个链接的

alt

值，您可以使用如下方法：

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

  // your further code...
});

---

each

将迭代class

myClass

的所有链接，并获取每个链接的

alt

值，该值存储在

tmp

变量中，您可以根据该变量进行操作。

您实际上离需要的位置不远

// get value of alt attribute
$("a.myClass").each(function() {
  var tmp = $(this);

  // split value into an array
  var partsArray = tmp.attr("alt").split(',');

  // assign array values to a dedicated variable
  var t = partsArray[0];
  var l = partsArray[1];
  var w = partsArray[2];
  var h = partsArray[3];

  tmp.css({
    "position" : "absolute",
    "display" : "block",
    "border" : "1px solid red",
    "width" : w,
    "height" : h,
    "top" : t,
    "left" : l
  });
});

---

事实上，你离你该去的地方不远了

// get value of alt attribute
$("a.myClass").each(function() {
  var tmp = $(this);

  // split value into an array
  var partsArray = tmp.attr("alt").split(',');

  // assign array values to a dedicated variable
  var t = partsArray[0];
  var l = partsArray[1];
  var w = partsArray[2];
  var h = partsArray[3];

  tmp.css({
    "position" : "absolute",
    "display" : "block",
    "border" : "1px solid red",
    "width" : w,
    "height" : h,
    "top" : t,
    "left" : l
  });
});

---

天哪，谢谢你！我太尴尬了，我自己都想不出来！天哪，谢谢你！我太尴尬了，我自己都想不出来！