這里每次新加的p元素為何在li之前
$("button:last").click(function() {
? ? ? ? ?//把html結(jié)構(gòu)'<p>新的p元素</p>'
? ? ? ? ?//加入到li的合集中，為了能夠在頁(yè)面上顯示
? ? ? ? ?//需要再重新appendTo到指定的節(jié)點(diǎn)處
? ? ? ? ?//值得注意：整個(gè)結(jié)構(gòu)位置都改變了
? ? ? ? ?$('li').add('<p>新的p元素</p>').appendTo($('.right'))
? ? })
2017-03-23
突然明白了，盜用@C0EEC3F7BBAA大神的回答
你第一次點(diǎn)擊的時(shí)候取出.div里的三個(gè)li并加上新的p添加到div.right里，此時(shí).right里有三個(gè)li一個(gè)p
第二次點(diǎn)的時(shí)候你把三個(gè)li取出，此時(shí).right里只剩一個(gè)p（暫且取名‘次新p’），你再用三個(gè)li加一個(gè)新p添加到.right中時(shí)是添加到次新p的下面，就造成了你所看到的現(xiàn)像，其實(shí)最下面的p和三個(gè)li才是新添加的，上面的是以前的
2017-03-23
是在之后添加的，但是當(dāng)新添加一個(gè)p標(biāo)簽時(shí)，會(huì)移動(dòng)到li標(biāo)簽上面去，雖然我也不知道為什么，只是試了一下
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，而原來(lái)的p并沒(méi)有剪切
$('li').add('<p>新的p元素</p>').appendTo($('.right'))這句話是把li新添加一個(gè)p標(biāo)簽，然后再剪切到.right類中，這句話并沒(méi)有選擇原來(lái)的p標(biāo)簽，而是新增了一個(gè)p標(biāo)簽
2017-02-28
是在之后的 你可以打開(kāi)控制臺(tái)看結(jié)構(gòu)