如何使用jQuery链接按钮并删除列表的第一个元素？

单击按钮时，删除列表中的第一个元素时遇到问题。我知道有一个解决这个问题的办法。然而，我只是想弄明白 是这样的吗。zap按钮有一个class id=“zap”

$（“.zap”）。单击（函数（）{
$（“li”）.first（）.remove（）；
});
Zap
第一项
第二项
第三项
第四项
第五项
第六项
您的按钮有一个id，因此您需要将事件绑定到id。此外，JQuery应该包装在document.ready函数中：


$（文档）.ready（函数（）{
$（#zap”）。在（“单击”，函数（）上{
$（“li”）.first（）.remove（）；
});
});
Zap
第一项
第二项
第三项
第四项
第五项
第六项
您的按钮有一个id，因此您需要将事件绑定到id。此外，JQuery应该包装在document.ready函数中：


$（文档）.ready（函数（）{
$（#zap”）。在（“单击”，函数（）上{
$（“li”）.first（）.remove（）；
});
});
Zap
第一项
第二项
第三项
第四项
第五项
第六项
删除不同类型的第一个元素

jQuery( document ).ready(function(){

    //method 1
   jQuery("#zap").on("click", function(){
        jQuery("li:eq(0)").remove();
   });

   //method 2
   jQuery("#zap").on("click", function(){
        jQuery("li:first").remove();
   });

   //method 3
   jQuery("#zap").on("click", function(){
        jQuery("li").first().remove();
   });
  //Method 4 
   jQuery("#zap").on("click", function(){
      jQuery("li:first-of-type").remove();
   });  

});

删除不同类型的第一个元素

jQuery( document ).ready(function(){

    //method 1
   jQuery("#zap").on("click", function(){
        jQuery("li:eq(0)").remove();
   });

   //method 2
   jQuery("#zap").on("click", function(){
        jQuery("li:first").remove();
   });

   //method 3
   jQuery("#zap").on("click", function(){
        jQuery("li").first().remove();
   });
  //Method 4 
   jQuery("#zap").on("click", function(){
      jQuery("li:first-of-type").remove();
   });  

});

按钮是否有类或id？此外，列表是否有类或id？知道这一点会很有帮助。如果可以，请提供HTML。按钮有id按钮是否有类或id？此外，列表是否有类或id？知道这一点会很有帮助。如果可以，请提供HTML。按钮有idI不能告诉没有看到HTML。如果没有其他事情发生，它应该可以工作。等等，我如何以与发布JQuery相同的方式发布HTMLS。那么，随着html的出现，我是否需要使用父继承来使其工作？是否设置了JQuery？JQuery代码是否包装在document.ready函数中？这是我脑海中唯一想到的两件事，因为当我自己尝试它时，它正在工作。如果没有其他事情发生，它应该可以工作。等等，我如何以与发布JQuery相同的方式发布HTMLS。那么，随着html的出现，我是否需要使用父继承来使其工作？是否设置了JQuery？JQuery代码是否包装在document.ready函数中？这是我唯一想到的两件事，因为当我自己尝试它时，它就起作用了。