Найти ссылку по содержимому и заменить текст. Как сделать на JS?

349

12 декабря 2016, 10:07

<a class="menu_core_main core_main_page" href="/ne/browse-pages">Pages</a>

Нужно найти ссылку по тексту "Pages" и если такая ссылка присутствует на странице, тогда поменять ее текст на Sponsorship. Интересует реализация на jQuery и JS.

Answer 1

На jQuery:

$("a:contains('Pages')").text('Sponsorship'); // Товарищ Yevgeny Skuridin

На JS (тут чуть сложнее, sizzle выиграл этот раунд, нечего сказать):

Array.prototype.forEach.call(document.querySelectorAll('a'), function(e){
  if(e.innerHTML == 'Pages')
    e.innerHTML = 'Sponsorship';
});

Answer 2

$("a:contains('Pages')").text('Sponsorship'); — найти все ссылки, в тексте которых содержится слово "Pages", и заменить текст на "Sponsorship".

Answer 3

Реализация на чистом JS (так как спрашивали "реализацию на jQuery и JS")

var links = document.getElementsByTagName('a');
for (var i = 0, _i = links.length; i < _i; i++) {
    if (links[i].innerHTML == 'Pages') {
        links[i].innerHTML = 'Sponsorship';
        break;
    }
}