javascript - 更改链接 jquery 的 href

Question

目前我有一个文本框，有人可以在其中输入链接，然后文本框旁边页面上的链接应将其 href 属性更改为用户刚刚输入的文本。

我的 JavaScript:

var LinkText = $("[id$=TextBox]").val();
    $("[id$=DocumentLink]").href = LinkText; 

我的 HTML:

<a id ="DocumentLink" target = "_blank" href="http://www.currentlink.com/">Link to Document</a>
<input id="TextBox" type="text" /> `

尽管 LinkText 被选取为在文本框中键入的字符串，但我的 javascript 的第二行并未按我想要的方式工作。该链接保持为当前链接。我有 jQuery 1.4.2 如果这有帮助的话，我可能会做一些不适合它的事情。

Answer 1

由于您有一个 jQuery 对象，因此您必须设置 attr

$("[id$=DocumentLink]").attr("href", LinkText); 

或者您可以在 0 索引处获取实际的 HTMLElement 并以这种方式调用 .href:

$("[id$=DocumentLink]")[0].href = LinkText; 

由于您匹配了精确的 ID，因此只需使用 $("#DocumentLink")