Question

我似乎无法正确使用最接近的功能来移除删除按钮外的UL。

HTML

<ul data-centreid="1"  class="deleteButton">
  <div class="remove">X</div>
   <li>Data</li>
</ul>

Jquery的

    $('.remove').click(function(){
       var id = $(this).closest( ".deleteButton" ).data('centreid');
       $(this).closest( ".deleteButton" ).remove();
   });

Answer 1

您的标记错误

您不能直接在div

内ul

您需要在li内ul而不是div

Fiddle Demo

<ul data-centreid="1" class="deleteButton">
    <li>
        <div class="remove"></div>
    </li>
    <li>Data</li>
</ul>

<小时/> 或

Fiddle Demo

<div class="remove">Remove</div>
<ul data-centreid="1" class="deleteButton">
    <li>Data</li>
</ul>

Answer 2

Refer this fiddle

您实际上无法点击.remove div

<强> Jquery

 $('.remove').click(function(){

   var id = $(this).closest( ".deleteButton" ).data('centreid');
   $(this).closest( ".deleteButton" ).remove();

});

<强> HTML

<ul data-centreid="1"  class="deleteButton">
<div class="remove">remove</div>
<li>Data</li>
</ul>

最近的Jquery顶级

2 个答案: