更改链接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的第二行无法正常工作。该链接保持为currentlink。 我有jQuery 1.4.2，如果这有帮助，我可能会做一些与之无关的事情。

Answer 1

由于你有一个jQuery对象，你必须设置attr

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

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

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

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

Answer 2

试一试：

$("#DocumentLink").attr('href', LinkText);

问候。

Answer 3

jQuery对象没有href属性。您正在为jQuery对象定义一个属性，该属性不会影响jQuery集合中HTMLElement对象的href属性。您可以改用attr或prop方法。

Answer 4

设置链接的attr。

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

我认为使用JS和innerHTML会更容易。