課程
/前端開發
/jQuery
/jQuery基礎(二)—DOM篇
? ? ? ? $("p").remove(".test2>p:nth-child(1)")
?我通過這個選擇器選擇 test2下的第一個p,怎么兩個都被刪了呢?我試了一下把1改成2,就能精確刪除第二個子節點?
2019-04-24
源自:jQuery基礎(二)—DOM篇 4-2
正在回答
我猜是這樣的
$("p").remove(".test2>p:nth-child(1)")
因為選擇器在remove()的括號里面,所以,你的寫法是沒問題的,只是當nth-child(1)時,選到了第一個p,然后remove把它刪除了,然后因為有兩個p元素,原來的第二個p元素變成了第一個p元素,然后remove又把原來的第二個p,現在的第一個p也刪除了……
我試了下發現當nth-child(1)時,再多p元素也會刪光光
而當寫為$('.test>p:nth-child(1)').remove()時,就能只刪除一個;
可能牽扯到remove()的實現方式,具體什么原理我還沒學習到那一步.
金剛無敵葫蘆娃
:nth-child(index)? 中的索引index 是從1開始計數的, 與eq(index) 要區分開
remove的參數不是放在自己的小括號里的,放在$('')這個里面,選擇到指定元素,進行移除銷毀
選擇p1
直接在第一個選擇器里進行選擇吧,例如 $('.test2 p:nth-child(1)').remove();
remove中的選擇器有點迷,等高手分析愿意
舉報
jQuery第二階段開啟DOM修煉,了解創建、插入、刪除與替換
4 回答提問關于CSS選擇器之組合選擇器的問題?
3 回答關于remove的移除問題
3 回答remove()方法
1 回答選擇器順序問題
2 回答.children()方法選擇性的接受同一類型選擇器表達式,什么叫同一類型選擇器表達式?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2020-03-28
我猜是這樣的
$("p").remove(".test2>p:nth-child(1)")
因為選擇器在remove()的括號里面,所以,你的寫法是沒問題的,只是當nth-child(1)時,選到了第一個p,然后remove把它刪除了,然后因為有兩個p元素,原來的第二個p元素變成了第一個p元素,然后remove又把原來的第二個p,現在的第一個p也刪除了……
我試了下發現當nth-child(1)時,再多p元素也會刪光光
而當寫為$('.test>p:nth-child(1)').remove()時,就能只刪除一個;
可能牽扯到remove()的實現方式,具體什么原理我還沒學習到那一步.
2020-01-16
:nth-child(index)? 中的索引index 是從1開始計數的, 與eq(index) 要區分開
2019-12-10
remove的參數不是放在自己的小括號里的,放在$('')這個里面,選擇到指定元素,進行移除銷毀
2019-05-05
選擇p1
2019-04-25
直接在第一個選擇器里進行選擇吧,例如 $('.test2 p:nth-child(1)').remove();
remove中的選擇器有點迷,等高手分析愿意