Javascript 最接近Jquery顶级

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

HTML

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

你的标记是错误的

您不能将

div

直接放在

ul

您需要在

ul

中包含

li

而不是

div

资料

---

或

删除

资料

实际上，您无法单击

。删除
div

Jquery

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

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

});

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

HTML

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

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

});

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


去除
资料

该标记不正确，我知道，但这是我要处理的所有问题，我需要更新删除按钮代码以删除关联的ul。哪个浏览器？它在ChromeOh中起作用。。我勒个去！实际上，它可以在任何浏览器中使用。您尚未发布的代码中可能有错误。
<ul data-centreid="1"  class="deleteButton">
<div class="remove">remove</div>
<li>Data</li>
</ul>