javascript - 使用 JavaScript 更新 anchor

Question

我有一个带有表格的页面。该表包含 th 个元素，其中包含 anchor 。这是一个示例 th 的样子:

<th scope="col">
<a href="/Admin/Auction/Closed?sort=InventoryReference&sordir=ASC&sortdir=DESC">Inventory reference</a>
</th>

我想做的是更新 anchor ，这样它就有一个额外的查询字符串参数:

<th scope="col">
<a href="/Admin/Auction/Closed?sort=InventoryReference&sordir=ASC&sortdir=DESC&page=3">Inventory reference</a>
</th>

现在，我必须这样做:

<script language="javascript" type="text/javascript">

    $(document).ready(function () {
       $('th[scope^=col]') ???
    })

</script>

但问题是，我不知道应该用什么替换 ???。有人有什么主意吗？我在想我需要一些 JavaScript 或 JQuery 代码来获取 anchor ，然后附加额外的查询字符串参数。问题是代码究竟应该是什么？

谢谢，

萨钦

Answer 1

试试这个:

$(document).ready(function(){

   $('th[scope^=col]').each(function(){

      var old_link = "";
      var new_link = "";
      //Get the current href value of the child anchor tag of 'th[scope^=col]'
      old_link = $(this).children('a').attr('href');
      //Append the extra string required '(in this case &page=3)' to the old_link
      new_link = old_link + '&page=3';
      //Set the href value for the anchor tag within 'th[scope^=col]'
      $(this).children('a').attr('href',new_link);

   });

});

希望这对您有所帮助。