Jquery 移除div onclick（使用移除）

继最近的一些评论之后，我冒险开始使用jquery。 我真的处于非常基本的水平，所以要友善。如果没有，请点击离开页面，回答其他人的问题，对被记下来感到厌倦

好的，我有一些搜索结果，我们在一个sdebar中回显向下搜索的条件，这样用户就可以修改他们的搜索。因此，希望为用户添加单击图标的功能（设置为按钮） 我已经完成了所有的工作，但是，我不知道如何设置它，以便在不生成大量代码（jqueryid等）的情况下，每个元素都是可移动的

小提琴：

js:

css:

html:

州：昆士兰
地区：布里斯班
类别：家庭和花园
搜索词：Weber BBQ

---

正如您看到的第一个div一样，我将dave附加到了类中，但不知道在保持对每个div元素的控制的同时，还有什么更干净的方法。我可以给每个div一个id，但我还是不想生成大量的js代码。

请参阅TBohnen.jnr的帖子以获得最具决定性的答案。

更改：

$("input").click(function () { 
  $("div").remove('.dave'); 
}); 

到

---

因此，基本上，如果在匿名jquery函数中调用它，它将指向调用它的对象，在本例中是您的按钮。然后获取按钮的父项并将其删除。

标记和小提琴中没有输入！在这种情况下，您可以尝试使用

$（this）

变量。这里有一个关于

$（this）

的老参考：基本上。。。它可以让你检查点击了什么链接。。。然后找出被点击的链接周围的框的信息，等等。按钮已被图像替换。谢谢，我只是无法启动它？最好只使用上面的代码。没有理由让未来可能需要帮助的人在同样的问题上更加困惑。别担心，我保存了你的代码，这样当我了解更多的时候，我就可能理解为什么这是更好的答案：）干杯

input[type=button]{background: url('dx.png');outline:none;border:none;background-repeat:no-repeat;cursor:pointer;width:11px;height:11px;}

<div class="s_total clearfix dave"><strong class="cart_module_search left">State:</strong><span class="cart_module_search">Queensland&nbsp;</span><input type="button"/></div>
<div class="s_total clearfix"><strong class="cart_module_search left">Region:</strong><span class="cart_module_search">Brisbane&nbsp;</span><input type="button"/></div>
<div class="s_total clearfix"><strong class="cart_module_search left">Category:</strong><span class="cart_module_search">Home and Garden&nbsp;</span><input type="button"/></div>
<div class="s_total clearfix"><strong class="cart_module_search left">Search Term:</strong><span class="cart_module_search">Weber BBQ&nbsp;</span><input type="button"/></div>

$("input").click(function () { 
  $("div").remove('.dave'); 
}); 

$("input").click(function () {
      $(this).parent().remove();
    });