Как очистить запросы href

Question

Я хотел бы знать, как очистить мои запросы href после события click. Все, что мне нужно, если я снова нажму кнопку, он должен очистить старые запросы и добавить новые в 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>