javascript - 单击时更改链接的 href 属性

Question

我只是尝试更改 href 的值

$("div").click(function() {
  $("a#link1").attr("href").val("www.bing.de");
});

div {
  border: 1px solid black;
  cursor: pointer;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a id="link1" href="www.google.de">LINK</a>
<div>Click here</div>

但这会引发错误Uncaught TypeError: $(...).attr(...).val is not a function，我不知道为什么？据我所知 val 是一个函数。

Answer 1

试试这个。

您无法使用 val() 方法更改属性。 val() 仅用于输入值。

您可以使用 attr("aatribute_name",value); 或 prop("attribute_name","value");

$("div").click(function() {
  $("a#link1").attr("href","www.bing.de");
});

div {
  border: 1px solid black;
  cursor: pointer;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a id="link1" href="www.google.de">LINK</a>
<div>Click here</div>