如何将附加链接添加到使用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");