當我第二次點擊第二個按鈕，為什么p不會和li一起appendTo？
當我第二次點擊第二個按鈕，為什么只有li被剪切？
?$('li').add('<p>新的p元素</p>').appendTo($('.right'))
這句不是將<p>新的p元素</p>添加到li集合里面了嗎？
Lucia_Huang
2016-12-26
3 回答
舉報
0/150
提交
取消
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-01-17
add('<p>新的p元素</p>')里的'<p>新的p元素</p>'是動態創建的P標簽，其和li一起appendTo了。而你說的p原本就存在于文檔頁面中了，要想讓其和li一起appendTo，需要這樣寫：$('li').add('p').appendTo($('.right'))，add('p')的'p'其實是一個選擇器表達式。
2016-12-26
我試了一下appendTo()，當 $() 傳的參數是元素，那么只能appendTo 一次，如果參數是dom，那么可以多次appendTo()。你這句代碼中 <p>新的p元素</p> 是dom，前面的 li 是元素，所以第二次只添加后面的，當你將后面的參數換成元素，比如 p ，那么后面的也只能appendTo 一次