How to leere href Abfragen

Question

Ich würde gerne wissen, wie meine HREF-Abfragen nach einem Klick-Ereignis zu löschen. Alles, was ich brauche, ist, wenn ich wieder auf meine Schaltfläche klicke, alte Abfragen löschen und neue zu href hinzufügen soll.

click(function() { 
    //adds some queries to href 
    var a_href = $('.link').attr('href'); 
    myArray.forEach(function(index){ 
    a_href = a_href + index; 
    $('.link').attr('href', a_href) 
    }); 
}); 

Beispiel: -

Standardstatus: href = "www.example.com/_size-"

alt href: href = "www.example.com/_size-xs.ml "

neue href sollte die alte überschreiben: href =" www.example.com/_size-l.xl.xxl

Answer 1

Wenn ich das richtig verstanden, bist du für so etwas suchen:

var myArray = ["xs.m.l", "l.xl.xxl"]; 
 
var currentIndex = 0; 
 
$('#btn').click(function() { 
 
    var a_href = $('.link').attr('href'); 
 
    a_href = a_href.replace(/(size\-)(.*)$/,"$1"); // remove previous "query" 
 
    a_href = a_href + myArray[currentIndex % myArray.length]; // add the new "query" 
 
    $('.link').attr('href', a_href); 
 
    $('.link').text(a_href) 
 
    currentIndex++; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="btn">Change Link</button><a class="link" href="www.example.com/_size-">www.example.com/_size-</a>

Answer 2

Vielleicht helfen

<a href="#first" class="my_link">Click Me!</a> 

<script> 
    $('.my_link').click(function (e) 
    { 
     e.preventDefault(); 

     $(this).attr('href', '#another_link'); 
    });  
</script>