乱人伦妇一区二区三区,亚洲伊人色三

DOM替換replaceWith()和replaceAll()

之前學習了節點的內插入、外插入以及刪除方法，這節會學習替換方法replaceWith

.replaceWith( newContent )：用提供的內容替換集合中所有匹配的元素并且返回被刪除元素的集合

簡單來說：用$()選擇節點A，調用replaceWith方法，傳入一個新的內容B（HTML字符串，DOM元素，或者jQuery對象）用來替換選中的節點A

看個簡單的例子：一段HTML代碼

<div>
    <p>第一段</p>
    <p>第二段</p>
    <p>第三段</p>
</div>

替換第二段的節點與內容

$("p:eq(1)").replaceWith('<a style="color:red">替換第二段的內容</a>')

通過jQuery篩選出第二個p元素，調用replaceWith進行替換，結果如下

<div>
    <p>第一段</p>
    <a style="color:red">替換第二段的內容</a>'
    <p>第三段</p>
</div>

.replaceAll( target ) ：用集合的匹配元素替換每個目標元素

.replaceAll()和.replaceWith()功能類似，但是目標和源相反，用上述的HTML結構，我們用replaceAll處理

$('<a style="color:red">替換第二段的內容</a>').replaceAll('p:eq(1)')

總結：

提交

公開筆記

提交

全屏

請驗證，完成請求

由于請求次數過多，請先驗證，完成再次請求