点击链接添加文本框
问题描述:
我需要添加一个文本框(在容器内)点击链接。 文本框将具有价值等于链接的“href”属性点击链接添加文本框
我jQuery代码是这样的:
jQuery("a.link").click(function(event){
jQuery('#link-container-text').text('<input type="text" onclick="this.select();" value="' + this.href + '" />');
});
但是,而不是显示文本框,它显示我的HTML代码。
我需要文本框,而不是HTML代码。
EDITED
在另一个链接的点击,如何从#链接容器文本删除刚刚添加的输入。
答
使用.append或.html()
jQuery('#link-container-text').append('<input type="text" onclick="this.select();" value="(\'' + this.href + '\')" />');
的.text为值
除去添加元素
$("#link-container-text").find("input").remove();
+0
谢谢,我该如何从#link-container-text – 2011-05-04 05:53:24
+0
@ I-M中移除刚刚添加的输入,您可以使用.find()。 – kobe 2011-05-04 05:54:40
答
与.html替换的.text。请注意,这将取代元素
jQuery("a.link").click(function(event){
jQuery('#link-container-text').html('<input type="text" onclick="this.select();" value="(\'' + this.href + '\')" />');
});
男,的.text是价值的完整的HTML,这里http://api.jquery.com/text/参考API – kobe 2011-05-04 05:53:02
可以使用的.html像我建议在我的答案中。它将删除元素的全部内容(innerHTML)并将其替换为您指定的任何内容。 – 2011-05-04 06:12:31