hrefクエリを空にする方法

Question

クリックイベント後にhrefクエリをクリアする方法を知りたいと思います。 私が必要とするのは、自分のボタンをもう一度クリックすると古いクエリをクリアし、hrefに新しいクエリを追加する必要があるということです。

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) 
    }); 
}); 

例： -

デフォルトのステータス：HREF = "www.example.com/_size-"

歳のhref：のhref = "www.example.com/_size-xs.ml "

新しいhrefが古いものを上書きする必要があります。HREF =" www.example.com/_size-l.xl.xxl

Answer 1

私が正しく理解していれば、あなたがこのような何かを探している：

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

は多分これは役立ちます

？

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

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

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