Как вставить переменные значения в ссылку href с помощью javascript?

Question

просто хочу спросить, как добавить переменную в href? , например, это мой JavaScript:

<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script> 
<script> 
    $(document).ready(function() { 
     function setLinkValue(value) { 
      var numItems = $('[id^=site-]').length; 

      for (i = 0; i < numItems; i++) { 
       var link = document.getElementsByClassName('site-link'); 
       link.href = link.href.replace('putNatsvarHere', value); 
      } 

     } 

     //You would pass netsvar here 
     setLinkValue('ExampleValue'); 

    }); 
</script> 

Я хочу, чтобы вставить его в мой a тег в HREF

<a href="http://websitelink.com/track/putNatsvarHere/pt?thumb_id=302&gn=pt&gi=01.jpg" id="site-link" class="title" target="_self">Exclusive February Sale!</a><br> 

    <a href="http://websitelink.com/track/putNatsvarHere/pt?thumb_id=302&gn=pt&gi=01.jpg" id="site-link" class="title-link" target="_self">Sale!</a> 
    <br> 
    <a href="http://websitelink.com/track/putNatsvarHere/pt?thumb_id=302&gn=pt&gi=01.jpg" id="site-link" class="title-link pink-play" target="_self"> February Sale!</a> 

Answer 1

Вы можете просто заменить сегмент в URL со значением, и дон Мне даже не нужно jQuery для этого. См. Рабочий пример ниже.

function setLinkValue(value) { 
 
    var link = document.getElementById('site-link'); 
 
    
 
    link.href = link.href.replace('putNatsvarHere', value); 
 
} 
 

 
//You would pass netsvar here 
 
setLinkValue('ExampleValue');

<a href="http://websitelink.com/track/putNatsvarHere/pt?thumb_id=302&gn=pt&gi=01.jpg" id="site-link" class="title-link pink-play" target="_self">Exclusive February Sale!</a>

Вы могли бы назвать setLinkValue таким образом:

var natsvar = getCookie("nats"); 
setLinkValue(natsvar); 

Чтобы обновить несколько элементов, можно использовать getElementsByClassName и цикл через них.

function setLinkValue(link, value) { 
 
    link.href = link.href.replace('putNatsvarHere', value); 
 
} 
 

 
var elements = document.getElementsByClassName('title-link'); 
 
var i = 0; 
 

 
for (i = 0; i < elements.length; i++) { 
 
    //You would pass netsvar here 
 
    setLinkValue(elements[i], 'ExampleValue'); 
 
}

<a href="http://websitelink.com/track/putNatsvarHere/pt?thumb_id=302&gn=pt&gi=01.jpg" class="title-link pink-play" target="_self">Exclusive February Sale!</a> 
 
<a href="http://example.com/putNatsvarHere/" class="title-link pink-play" target="_self">Another link</a>