循环遍历每个元素并存储为变量

Question

我有一个系统生成的表，其中包含每个行元素中的链接。 这些链接中的每一个在链接末尾都有一个唯一的4位数值。

目标是迭代这些表元素中的每一个，抓取它所拥有的链接，然后将该链接切成最后的4个字符。

我现在正在运行：

HTML

<td class="lc_Cell">
    <p>
        <a href="thelink">Link #1</a>
    </p>
</td>
<td class="lc_Cell">
    <p>
        <a href="thelink">Link #2</a>
    </p>
</td>
<td class="lc_Cell">
    <p>
        <a href="thelink">Link #3</a>
    </p>
</td>
<td class="lc_Cell">
    <p>
        <a href="thelink">Link #4</a>
    </p>
</td>

jQuery的

var TRLink = $(".lc_Cell > p > a").attr("href");   //The original URL the program spits out
var TR_ID = TRLink.slice(-4);   // Storing just the 4 digits I need
var NewLink = $(".lc_Cell > p > a").attr("href","mynewlinktosendsomeoneto"+ TR_ID); 
// my new link that utilizes the 4 characters from the original

这种工作......初始变量存储它找到的第一个实例的链接（在我的实际代码中还有3个其他实例）。 当我创建NewLink变量时，它会覆盖所有出现的事件。

在一个完美的世界中，我会迭代并存储原始链接，执行我的切片，然后迭代并为每个链接重新构建一个新链接。

我在jQuery中遇到了“each。（）”命令，但是没有太多的运气来获得自己的解决方案。

任何帮助是极大的赞赏！

Answer 1

要做到这一点，你可以使用map()建的最后四个字符数组href所有相关的属性， a元素：

 var ids = $('.lc_Cell a').map(function() { return this.href.slice(-4); }).get(); console.log(ids); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table> <tr> <td class="lc_Cell"> <p> <a href="thelink1234">Link #1</a> </p> </td> <td class="lc_Cell"> <p> <a href="thelink2345">Link #2</a> </p> </td> <td class="lc_Cell"> <p> <a href="thelink3456">Link #3</a> </p> </td> <td class="lc_Cell"> <p> <a href="thelink4567">Link #4</a> </p> </td> </tr> </table> 

话虽这么说，因为你的目标，以更新href属性上a更有意义的元素在这种情况下，提供一个功能attr()您可以使用返回基于他们目前的一个新值。 像这样的东西：

$('.lc_Cell a').attr('href', function(i, href) {
  var id = href.slice(-4); 
  return 'mynewlinktosendsomeoneto' + id; 
});