Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Изменяем ссылку (https://javascript.ru/forum/misc/57347-izmenyaem-ssylku.html)

dima85 30.07.2015 21:48

Изменяем ссылку
 
Мне необходимо переделать все ссылки на сайте из таких:
<a href="/?page=11" class="ajaxify">tetdtt1</a>
<a href="/?page=22" class="ajaxify">tetdtt2</a>
<a href="/?page=33" class="ajaxify">tetdtt3</a>


сделать такими:
<a class="ajaxify" href="#" attr-href="/?page=11">tetdtt1</a>
<a class="ajaxify" href="#" attr-href="/?page=22">tetdtt2</a>
<a class="ajaxify" href="#" attr-href="/?page=33">tetdtt3</a>


Что бы при нажатие шел ajax запрос.
Я это делаю вот так: Этот пример работает, но он изменяет только первую ссылку, всем остальным присваивает href первой ссылки. Подскажите как это исправить.


var a = $("a");
  a.attr("attr-href", a.attr("href"))
    .attr("href", "#")
    .on("click.ajax", function (event) {
      var link = a.attr("attr-href");
      //$.ajax(link, ....);
      alert("sdf "+link);
      return false;
    });

Endy 30.07.2015 23:23

var a = $("a");
a.each(function(i,e){
  e = $(e);
  e.attr("attr-href", e.attr("href"))
    .attr("href", "#")
    .on("click.ajax", function (event) {
      var link = e.attr("attr-href");
      //$.ajax(link, ....);
      alert("sdf "+link);
      return false;
    });
})

dima85 31.07.2015 13:34

Отлично, спасибо. Еще вопрос. Мы подгрузили таким образом страницу через $.get. И на той подгруженной странице тоже есть ссылки которые хотелось бы так же изменить. Первое что приходит в голову разместить такой же код на той странице. Второй вариант разместить такой же код на первой странице в $.get. Может есть другие какие-то более правильные решения?


Часовой пояс GMT +3, время: 01:08.