用jquery删除特定的框

单击“添加”框时。 它添加了一个带deletlistbtn的框。 现在它删除所有具有相同名称/类/ var的框。 但我希望按钮只删除其中的框/列表。任何人都可以告诉我我应该使用哪些代码来完成它？

现在我使用这个代码;

$('.deletelistbtn').live('click', function() { $(redbox).remove(); }); 

这是我的整个代码http://jsfiddle.net/XsCAN/

Answer 1

使用$(this).parent().remove()或类似的东西。 （ $(this).parent().parent().remove() – 取决于你要完成什么）

Answer 2

除非我错过了我认为你想要的东西

 $('.deletelistbtn').live('click', function() { $(this).parent().remove(); }); 

就像.removebutton代码一样。

http://jsfiddle.net/XsCAN/1/

Answer 3

虽然我意识到你已经接受了答案，但我觉得值得指出的是，使用...parent().parent()...导航DOM的方法稍微容易一点...parent().parent()... ， closest()使这很容易通过DOM自动/本地向上工作来查找相关元素：

 $('.deletelistbtn').live('click', function() { $(this).closest('.redbox').remove(); }); 

JS小提琴演示 。

然而它确实根据元素类型， id或class （因此.closest('.redbox')起作用， .closest(redbox)不起作用）。