0

如果我单击其中的一个子级,如何删除 ul?我知道这个 ul .remove 不是真的,我如何将“项目”的颜色设置为红色?我必须使用 .find()

<ul class="w1m">
    <li>
       <div>
         <img src="img/minus.png" onclick="$(this ul).remove();"/>
         <img src="img/link.png"/>
       </div>
       <div>
         inspiration
       </div>
    </li> 
</ul>

<ul class="w1m">
    <li>
       <div>
         <img src="img/minus.png" onclick="$(this ul).remove();"/>
         <img src="img/link.png"/>
       </div>
       <div>
         projects
       </div>
    </li> 
<ul>
    <li><div><img src="img/minus.png"/><img src="img/link.png"/></div>  <div>job board website</div></li>
    <li><div><img src="img/minus.png"/><img src="img/link.png"/></div>  <div>shopping cart</div></li>
</ul></ul>
4

5 回答 5

2
$(this).closest("ul").remove();

或者更好:

$("ul.w1m").on("click","img[src='img/minus.png']",function(){
    $(this).remove();
});
于 2012-11-16T13:12:20.870 回答
1

像这样:

$(this).closest('ul').remove();
于 2012-11-16T13:11:49.500 回答
1

为此使用以下 Jquery

$(this).closest("ul").remove();
于 2012-11-16T13:16:53.423 回答
1

首先,您添加处理程序的方式并不理想。在页面底部的脚本标记中,您应该将此代码添加到 jQuery 的 ready 方法中。

<script>
  $(document).ready(function() {

    $('ul.w1m > li').on('click', function() { $(this).parent().remove(); });

  });
</script>

在您上面的代码中,值this将是<img>元素,并且您将尝试选择该img 的ul (显然不存在)。此外,当this在 jQuery 中将关键字与其他选择器一起使用时,您需要将其他选择器括在引号中。(即$(this+'ul'))。

于 2012-11-16T13:17:44.140 回答
0
$('li').click(function() {
    $(this).parent().remove();
})
于 2012-11-16T13:13:55.657 回答