如何將附加鏈接添加到使用Javascript的<a>元素

Question

我想將href添加到另一個元素的類的html元素。知道我使用的是Django也可能是一件好事。我不希望第二個url可見，當字符尚未被選中時。首先我有這個列表：

<ul> 
    <a class="1" id="tablink">A</a> 
    <a class="2" id="tablink">B</a> 
... 
</ul> 

如果選擇從第一UL列表，我想要的類列表的（例如：A）添加到HREF元件到所有鏈接在另一個UL：

<ul> 
<a href="{% url id=id character= <!--here i want the number selected to be inserted--> %}">One</a> 
<a href="{% url id=id character= <!--here i want the number selected to be inserted--> %}">Two</a> 
... 

</ul> 

謝謝！ 編輯： 我有現在這樣的代碼：

<script type="text/javascript"> 

$(".tablinks").on("click", function(){ 
    var char = this.getAttribute("id"); 
    document.getElementById("subjects").href = "{% url 'subject_id' letnik_id=letnik_id classes_id=classes_id subject_id=" + char + " %}"; 

    }); 
</script> 

但它有一個問題： 它只是如果我添加屬性元素，我與ID有工作的，所以ID does not工作與

<a class="subjects">Hello</a> 
doucment.getElementsByClassName("subjecs").href = ... 

和DJango網址不起作用（"{% url 'subject_id' letnik_id=letnik_id classes_id=classes_id subject_id=" + char + " %}"）。

Answer 1

爲了給anchor一個href使用的是：

$("#yourElement").setAttribute("href", "http://yourlink.com"); 

如果你正在使用JavaScript：

document.getElementById("yourElement").href="http://yourlink.com""; 

你的代碼，更改ID和類值禁用第二錨，你不能有相同的id的 - id是唯一值：

$(".tablink").on("click", function(){ 
    $(".tablink").css("display", "none"); 
    $(this).css("display", "block"); 
}); 

要添加href當鏈接被點擊簡單地添加到上述功能的底部：

$(this).setAttribute("href", "http://yourlink.com");