Jquery 单击链接时添加文本框

我需要添加一个文本框（在容器内）点击链接。 文本框的值将等于链接的“href”

我的jQuery代码如下所示：

 jQuery("a.link").click(function(event){
    jQuery('#link-container-text').text('<input type="text" onclick="this.select();" value="' + this.href + '" />');
  });

jQuery（“a.link”）。单击（函数（事件）{
jQuery（“#链接容器文本”）.text（“”）；
});

但不是显示文本框，而是显示HTML代码

我需要文本框，而不是HTML代码

已编辑

单击另一个链接时，如何从链接容器文本中删除刚刚添加的输入。

使用.append或.html（）

使用.append或.html（）

将.text替换为。注意，这将替换该元素的整个html

 jQuery("a.link").click(function(event){
    jQuery('#link-container-text').html('<input type="text" onclick="this.select();" value="(\'' + this.href + '\')" />');
  });

jQuery（“a.link”）。单击（函数（事件）{
jQuery（“#链接容器文本”）.html（“”）；
});

将.text替换为。注意，这将替换该元素的整个html

 jQuery("a.link").click(function(event){
    jQuery('#link-container-text').html('<input type="text" onclick="this.select();" value="(\'' + this.href + '\')" />');
  });

jQuery（“a.link”）。单击（函数（事件）{
jQuery（“#链接容器文本”）.html（“”）；
});

M，.text代表值，请参考这里的api，您可以像我在回答中建议的那样使用.html。它将删除元素的全部内容（innerHTML），并将其替换为您指定的任何内容。M、.text表示值，请参考此处的api，您可以使用.html，就像我在回答中建议的那样。它将删除元素的全部内容（innerHTML）并替换为您指定的内容。谢谢，我如何从#链接容器文本中删除刚刚添加的输入谢谢，如何从#链接容器文本中删除刚刚添加的输入

 jQuery("a.link").click(function(event){
    jQuery('#link-container-text').html('<input type="text" onclick="this.select();" value="(\'' + this.href + '\')" />');
  });