Question

有一个表由许多包含列的表行组成。

并且我从每个td获取一个带有classname： routecode 的值，我必须将该值添加到每个tr的最接近的href的末尾。我会将此添加到routecode链接的值。

我编写了以下代码，但它不起作用，并且该值未添加到链接的末尾。

这是我的代码：

＆＃13;

$(".list").each(function(index, element) {
  var routecode = $(this).closest("tr").find(".routecode").text()
  var linkk = $(this).attr("href")
  $(this).attr("href", linkk + routecode);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<html>

<head>
</head>

<body>
  <table border="1">
    <tr class=" odd">
      <td class="routecode">TK26</td>
      <td>
        <a class="list" href="/reservation/route/info.bc?dmnid=2893&routecode=">Edit </a>
      </td>
    </tr>

    <tr class=" odd">
      <td class="routecode">tkeee</td>
      <td>
        <a class="list" href="/reservation/route/info.bc?dmnid=2893&routecode=">Edit </a>
      </td>
    </tr>
  </table>
</body>

</html>

＆＃13;

Answer 1

您可以尝试以下代码：

您缺少分号;行尾..

在这里演示：https://output.jsbin.com/nolomec

https://jsbin.com/nolomec/2/edit?html

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
   $(".list").each(function(index, element) {
    var routecode = $(this).closest("tr").find(".routecode").text();
    var linkk = $(this).attr("href");
    $(this).attr("href", linkk + routecode);
  });
});
</script>
</head>
<body>

<table border="1">
<tr class="odd">
<td class="routecode">TK26</td>
<td>                                       
<a class="list" href="/reservation/route/info.bc?dmnid=2893&routecode=">Edit </a>
</td>                                   
</tr>

<tr class=" odd">
<td class="routecode">tkeee</td>
 <td>                                       
<a  class="list" href="/reservation/route/info.bc?dmnid=2893&routecode=">Edit </a>
</td>                                   
</tr>                             
</table>

</body>
</html>

从元素中获取值并添加到每个href的末尾

1 个答案: