                        課程
                    
                        /前端開發(fā)
                        
                            /jQuery
                        
                        /jQuery基礎(chǔ)(二)—DOM篇

append添加位置問題

append添加位置問題為什么點擊add傳遞html結(jié)構(gòu)多次以后新的P元素總是出現(xiàn)在3個list item之上？

CATHY大魔王

2016-08-04

源自：jQuery基礎(chǔ)(二)—DOM篇 6-9

關(guān)注問題我要回答

1004

操作

收起

4 回答

C0EEC3F7BBAA 回答被采納 +3 積分
2016-08-04

你第一次點擊的時候取出.div里的三個li并加上新的p添加到div.right里，此時.right里有三個li一個p

第二次點的時候你把三個li取出，此時.right里只剩一個p（暫且取名‘次新p’），你再用三個li加一個新p添加到.right中時是添加到次新p的下面，就造成了你所看到的現(xiàn)像，其實最下面的p和三個li才是新添加的，上面的是以前的

6 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

CATHY大魔王提問者

非常感謝！說的好詳細

2016-08-04 回復(fù) 有任何疑惑可以回復(fù)我~

#2

C0EEC3F7BBAA 回復(fù) CATHY大魔王提問者

互相幫助·共同進步

2016-08-04 回復(fù) 有任何疑惑可以回復(fù)我~

#3

Candy3610866

麻煩看一下，圖中兩個藍色圈里的內(nèi)容是我改過的，其他都沒變. 然后按照你的說法，最后的結(jié)果不是應(yīng)該像最右側(cè)的藍色框里那樣的嗎?怎么就不是呢。。。。。

2016-08-18 回復(fù) 有任何疑惑可以回復(fù)我~

查看1條回復(fù)

Airly
2016-10-13

你根據(jù)代碼順序來理解$('p').add('新的P元素').appendTo('.right');

---------------------------------------------------------------------------------------

其實是這樣的。他先用$('p')取到原始p標簽對，然后把（新的P元素）這段代碼添加到p標簽集合中,也就是$('p').add('新的P元素')

然后把這個新的集合（原來的p+新p）再添加到指定的.right里面,也就是.appendTo('.right');

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

霍丶
2016-09-28

其實你可以先 append 兩下然后再點擊改變顏色事件 ?然后再繼續(xù)append ?你就會發(fā)現(xiàn)下面是上面是紅色的而下面試沒有顏色的說明是從下面添加的，它只是重復(fù)執(zhí)行了取出 li 然后又放到自己的下面

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

Candy3610866
2016-08-18

為什么結(jié)果不是右側(cè)藍色框里顯示的那樣？

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

慕仰6432972

因為你在第一次點擊以后，之后再點擊取的P不就是兩個了嗎？一個P是原始P一個P是新的P，然后你再點就變成了取一個原始P一個新的P再加上一個新的P，如此往復(fù)。如果你把原始P加個class試試，然后選擇class而不是P

2016-09-08 回復(fù) 有任何疑惑可以回復(fù)我~

#2

Airly

你根據(jù)代碼順序來理解$('p').add('新的P元素').appendTo('.right'); --------------------------------------------------------------------------------------- 其實是這樣的。他先用$('p')取到原始p標簽對，然后把（新的P元素）這段代碼添加到p標簽集合中,也就是$('p').add('新的P元素') 然后把這個新的集合（原來的p+新p）再添加到指定的.right里面,也就是.appendTo('.right');

2016-10-13 回復(fù) 有任何疑惑可以回復(fù)我~