點擊鏈接添加文本框

我需要添加一個文本框（在容器內）點擊鏈接。文本框將具有價值等於鏈接的「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

在另一個鏈接的點擊，如何從＃鏈接容器文本刪除剛剛添加的輸入。

來源

2011-05-04 I-M-JM

男，的.text是價值的完整的HTML，這裏http://api.jquery.com/text/參考API – kobe 2011-05-04 05:53:02

可以使用的.html像我建議在我的答案中。它將刪除元素的全部內容（innerHTML）並將其替換爲您指定的任何內容。 – 2011-05-04 06:12:31

使用.append或.html（）

jQuery('#link-container-text').append('<input type="text" onclick="this.select();" value="(\'' + this.href + '\')" />');

的.text爲值

除去添加元素

$("#link-container-text").find("input").remove();

來源

2011-05-04 05:51:23 kobe

謝謝，我該如何從＃link-container-text – 2011-05-04 05:53:24

@ 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 + '\')" />'); 
    });

來源

2011-05-04 05:53:24

點擊鏈接添加文本框

回答

相關問題