Обновить все HREF атрибуты

Question

У меня есть переменная с именем a (var a = "test") и мне нужно поставить его во всех атрибутов всех a элементов href на странице, которые содержат слово ONE. Все href значения не совпадают, но всегда содержит слово ONE

Например, я хочу, чтобы изменить это:

href="/page2.php?how=GO-ONE-24-title-stay" 

Для этого:

href="/page2.php?how=GO-ONE-test-24-title-stay" 

Answer 1

Что-то вроде этого?

$('a[href*="ONE"]').each(function(){ 
    $(this).attr('href', $(this).attr('href').replace('ONE', 'ONE-test')); 
}); 

Ваш пример немного вводит в заблуждение, так что если вы имеете в виду, что тестовое значение является переменной, то вам нужно будет что-то вроде этого:

var add = 'test'; 

$('a[href*="ONE"]').each(function(){ 
    var currentHref = $(this).attr('href'); 
    $(this).attr('href', currentHref.replace('ONE', 'ONE-' + add)); 
}); 

Answer 2

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

$(document).ready(function(){ 
var test = "test"; 
$("a").each(function() { 
    var href_val = $(this).prop("href"); 
    if(href_val.indexOf("ONE") >= 0){ 
    href_val = href_val.replace("ONE", "ONE-"+test); 
    $(this).prop("href", href_val); 
    } 
}); 
}); 

Answer 3

Вы можете сделать что-то вроде этого:

$(document).ready(function(){ 
    var a ="test" ; 

    $('a').each(function(){ 
     this.href = this.href.replace('ONE', 'ONE-'+a); 
    }); 
}); 

Работает example.

Answer 4

Вы можете достичь этого, предоставив функцию attr(); нет необходимости в явном цикле. Попробуйте это:

var a = 'test'; 
$('a[href*="-ONE-"]').attr('href', function(i, href) { 
    return href.replace('-ONE-', '-ONE-' + a + '-'; 
}); 

Обратите внимание, что начальный селектор JQuery ограничивает элементы, чтобы быть изменен только те, кто содержит ONE- в пределах атрибута href.