Question

如何根据点击的按钮删除列表？

<ul id="list"> 
  <li><input type ="button" name="Clear" value = "Clear1"/></li> 
  <li><input type ="button" name="Clear" value = "Clear2"/></li>
  <li><input type ="button" name="Clear" value = "Clear3"/></li>
</ul>

例如，如果我单击clear2，它必须删除它所属的列表。

Answer 1

$("input[type=button]").click(function() { 
   $(this).parent().remove();
}

Answer 2

试试这个：

$(document).ready(function()
{
  $("input[type=button]").click(function()
  {
    $(this).parent().remove();
  });
});

注意：在此使用 Jquery 。

Answer 3

这应该是准确的答案：

$(document).ready(function(){

  $("#list :button").click(function(){
    $(this).parent().remove();
  });

});

如果你使用womp和Sarfraz的建议，你可能会删除错误的元素..你可以看到我的意思here。

根据按钮点击<li>删除<li>

3 个答案: