Обновить привязку с помощью JavaScript

Question

У меня есть страница с таблицей. Таблица содержит th элементов, которые содержат якоря. Вот как выглядит пример:

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

Я хочу обновить привязку, чтобы у нее был дополнительный параметр строки запроса:

<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, который захватывает привязку, а затем добавляет дополнительный параметр строки запроса. Вопрос в том, каким именно должен быть код?

Спасибо

Сэчины

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);

   });

});

Надеюсь, это поможет.

Answer 2

Попробуйте это

$(document).ready(function () {
   $('th[scope=col] a')[0].href += "&page=3";
});

Если вы считаете, что URL-адрес уже может содержать page параметр в строке запроса, и вам просто нужно обновить его значение, используйте этот код.

Answer 3

$(document).ready(function () {
   $('th[scope=col] a').each(function(){
        $this = $(this);
        $this.attr('href', $this.attr('href') + '&page=3');
   });
});