Изменить ссылку вывода HTML на странице

0

У меня есть куча ссылок, выводимых на страницу, и мне нужно настроить таргетинг на один из них и изменить ссылку.

Вот результат:

<div class="event-detail">
    <h3>
       <a href="http://www.old_link.com">Conference</a>
    </h3>
</div>

(Примечание. Класс CSS "event-detail" используется несколько раз на странице.)

Замените www.old_link.com на www.new_link.com.

А затем также добавьте цель = "_ blank" в конец, если это возможно.

Спасибо за любую помощь!

Теги:

4 ответа

0
Лучший ответ

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

$('a[href=http://old_link]').attr('href', 'http://new_link').attr('target', '_blank');

Это позволит получить все ссылки, содержащие http://old_link в свой атрибут href и установить атрибуты по вашему желанию.

  • 0
    Это сделал это! Спасибо, Мергез!
0

Установите идентификатор на якоре следующим образом:

<a id="myLink" href="http://www.old_link.com">Conference</a>

Затем в jQuery:

$("#myLink").attr('href', 'http://newLink.com');
$("#myLink").attr('target', '_blank');
0

Попробуйте использовать селектор атрибутов:

jQuery( '[href="http://www.old_link.com"]' ).attr({
     'href', 'http://www.new_link.com',
     'target', '_blank'
});
  • 0
    Но если у вас есть возможность добавить идентификатор, как упомянуто @Adosi, это лучшее решение.
  • 0
    Спасибо Кау-Бой! Я не могу добавить идентификатор.
Показать ещё 1 комментарий
0

пытаться

$('div.event-detail a[href="http://www.old_link.com"]').attr('href', 'www.new_link.com').attr('target', '_blank')

вы выбираете "a" на странице, принадлежащей этому div/классу

Ещё вопросы

Сообщество Overcoder
Наверх
Меню