动态删除文本框

时间:2011-02-04 17:44:33

标签: jquery

我可以动态删除文本框吗?

2 个答案:

答案 0 :(得分:1)

在OP中看到评论后编辑):

要获得类似StackOverflow的功能,您可以执行以下操作:

<强> HTML:

<div class="comment">
This is a test this is a test this is a test.
</div>

<强> JavaScript的:

$(".comment").hover(function() {
    $(this).append("<span class='close'>X</span>");
}, function() {
    $(this).find("span.close").remove();
}).delegate(".close", "click", function() {
    $(this).closest("div.comment").remove();
});

以下是一个有效的例子:http://jsfiddle.net/andrewwhitaker/xQTSb/

这看起来有点忙乱,但这是正在发生的事情:

  • 使用hover,其功能在mouseenter执行,并再次在mouseleave上执行
  • 在这些功能中,分别添加或删除删除注释的span
  • delegate用于将click事件绑定到span(因为span不存在,直到用户将鼠标悬停在comment div上)。

答案 1 :(得分:0)

$('#your_text_box_id').remove()