Jquery. Добавление параметра в href к ссылкам с определенным id

482

11 января 2017, 02:49

Здравствуйте, На странице есть ссылки вида:

<a class="ifr" id="popup" href="/article/234">Текст</a>
<a class="ifr" id="popup" href="/article/235">Текст</a>
...

Как сделать, чтобы при нажатии на ссылки с данным id к href в конце дописывался еще один параметр? Например: /article/235/popup Но вид самой ссылки для пользователя и поисковиков не должен меняться...

$(document).ready(function(){
    $("a#popup").each(function(){
        $(this).attr("href",$(this).attr('href') + '/popup');
    });
});

Такой скрипт не подходит - он меняет все ссылки изначально... а мне нужно только по клику. Чтобы пользователь не мог видеть и копировать такие ссылки.

В идеале бы сделать ссылки вида

<a class="ifr" hrefattrs="/cmd=PopLayer" id="popup" href="/article/235">Текст</a>

А при нажатии на ссылку к href присоединялось hrefattrs.

Подскажите как реализовать? Заранее спасибо.

Answer 1

$(document).ready(function(){
  $("a.ifr").click(function(){
    var newUrl = $(this).attr('href') + $(this).attr('hrefattrs');
    console.log(newUrl);
    window.location.href = newUrl;
    return false;
  });
});

Не дублируйте id DOM-элементов.