這里每次新加的p元素為何在li之前
$("button:last").click(function() {
? ? ? ? ?//把html結構'<p>新的p元素</p>'
? ? ? ? ?//加入到li的合集中，為了能夠在頁面上顯示
? ? ? ? ?//需要再重新appendTo到指定的節點處
? ? ? ? ?//值得注意：整個結構位置都改變了
? ? ? ? ?$('li').add('<p>新的p元素</p>').appendTo($('.right'))
? ? })
4 回答
舉報
0/150
提交
取消
2017-03-23
突然明白了，盜用@C0EEC3F7BBAA大神的回答
你第一次點擊的時候取出.div里的三個li并加上新的p添加到div.right里，此時.right里有三個li一個p
第二次點的時候你把三個li取出，此時.right里只剩一個p（暫且取名‘次新p’），你再用三個li加一個新p添加到.right中時是添加到次新p的下面，就造成了你所看到的現像，其實最下面的p和三個li才是新添加的，上面的是以前的
2017-03-23
是在之后添加的，但是當新添加一個p標簽時，會移動到li標簽上面去，雖然我也不知道為什么，只是試了一下
2017-03-02
html中的變化是這樣的
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<p>新的p元素</p>
變成
<p>新的p元素</p>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<p>新的p元素</p>
也就是你剪切了li，而原來的p并沒有剪切
$('li').add('<p>新的p元素</p>').appendTo($('.right'))這句話是把li新添加一個p標簽，然后再剪切到.right類中，這句話并沒有選擇原來的p標簽，而是新增了一個p標簽
2017-02-28
是在之后的 你可以打開控制臺看結構