求大神帮忙为什么remove()方法不管用

Question

<div id="banner">

    <ul>

    <li class="item1"></li>

    </ul>

   </div>

   <script type="text/javascript">

      var banner_ul_li=$("#banner ul li");

      var banner_ul_li_p=$("#banner_ul_li_p")

         banner_ul_li.mouseover(function () {

            $(this).append("<p title='a1'>123456</p>")

         })

         banner_ul_li.mouseout(function(){

            banner_ul_li_p.remove()

         })

   </script>

Answer 1

因为这是个动态删除事件，因此不能一开始用变量将它保存，具体修改如下：   <script type="text/javascript">       var banner_ul_li=$("#banner ul li");       var banner_ul_li_p=$("#banner_ul_li_p")   //这里因为是动态删除，不能一开始用变量将它保存，否则变量的值就是页面加载完成后初始值，不会变化，而且这里应该是没有下划线$("#banner ul li p")           banner_ul_li.mouseover(function () {       //这里用mouseenter，不会有冒泡事件             $(this).append("<p title='a1'>123456</p>")          })          banner_ul_li.mouseout(function(){           //用mouseleave             //banner_ul_li_p.remove()   此处不能用自定义变量，而是要重新获取             $("#banner ul li p").remove()           })    </script>