问答详情
源自：6-9 jQuery遍历之add()方法

为什么再次点击就只加p而不加li了呢

<script type="text/javascript">   
 $("button:last").click(function() {     
     //把html结构'<p>新的p元素</p>'         
     //加入到li的合集中，为了能够在页面上显示         
     //需要再重新appendTo到指定的节点处         
     //值得注意：整个结构位置都改变了         
     $('li').add('<p>新的p元素</p>').appendTo($('.right'))    
     })    
</script>
第一次点击是将li和p加到了.right里，为什么第二次点击的时候就只加了p


提问者：fighting加油吧 2018-09-07 09:31

个回答

  • Flay_Away
    2018-09-11 15:56:45
    已采纳

    点击按钮时触发了add方法，第一次点击将li和p加到了.right里，此时.div中的li已经没有了  只有add<p>...</p>方法了，所以只加p了

    3
  • 慕先生6393163
    2019-03-01 21:32:40

    加了p的ul被append到了class为right的div中，而不是原来的蓝色区域

    0
  • 慕娘3256038
    2018-12-06 15:24:52

    并不是只加了p  而是先把li从.right中拿了出来  在加入 p元素 然后在从加入到.right里  所有导致只加了p的错觉

    5