aktualisieren alle href-Attribute

Question

I Variable a (var a = "test") genannt haben, und ich brauche, um es in der alle href Attribut aller a Elemente auf einer Seite, die das Wort ONE enthalten. Alle href Werte sind nicht das gleiche, aber immer enthält das Wort ONE

Zum Beispiel möchte ich das ändern:

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

Um dies:

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

Answer 1

So etwas wie das?

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

Ihr Beispiel ist ein wenig irreführend, wenn Sie also dazu geführt, dass der Testwert eine Variable ist, dann würden Sie so etwas wie dies benötigen:

var add = 'test'; 

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

Answer 2

die Sie interessieren ..

$(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

Sie können etwas tun:

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

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

Hier ist eine funktionierende example.

Answer 4

Sie können dies erreichen, indem Sie der Methode attr() eine Funktion zuweisen; Es ist keine explizite Schleife erforderlich. Versuchen Sie folgendes:

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

Beachten Sie, dass die anfängliche jQuery-Selektor die Elemente beschränkt auf diejenigen geändert werden, die ONE- im href Attribut enthalten.