如何使用 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）添加到另一个 ul 中的所有链接的 href 元素：

<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 不适用于

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