Question

在最近的一些评论中，我已经开始尝试并开始使用jquery了。我真的处于非常基本的水平，所以要好。如果没有，请点击离开页面并回答其他人，生病并厌倦被标记下来。

好的我有一些搜索结果，我们正在回应sdebar中的向下钻取标准，以便用户可以修改他们的搜索。所以想添加用户点击图标的能力（设置为按钮）我已经完成了所有工作，但是，不知道如何设置它以便每个元素都是可移除的，而不会产生大量的代码（jquery id等）

小提琴：http://jsfiddle.net/ozzy/sKeW5/

JS：

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

的CSS：

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

HTML：

<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>

正如你可以看到第一个div我已经将Dave附加到了类中，但是想知道什么是更干净的方式，同时仍然保持对每个div元素的控制。我可以给每个div一个id，但又不想生成大量的js代码。

Answer 1

变化：

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

到

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

所以基本上如果你在匿名jquery函数中调用它，它指向调用它的对象，在这种情况下是你的按钮。然后，您将获得按钮的父级并删除它。

Answer 2

请参阅TBohnen.jnr的帖子，了解最确定的答案。

删除div onclick（使用删除）

2 个答案: