javascript - 如何使用 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 不起作用("{% 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"";

您使用该代码禁用第二个 anchor ，更改 id 和类值，您不能具有相同的 id - id 是唯一值:

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

要在单击链接时添加 href，只需添加到上述函数的底部即可:

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