之前學(xué)習(xí)了節(jié)點(diǎn)的內(nèi)插入、外插入以及刪除方法,這節(jié)會(huì)學(xué)習(xí)替換方法replaceWith
.replaceWith( newContent ):用提供的內(nèi)容替換集合中所有匹配的元素并且返回被刪除元素的集合
簡(jiǎn)單來說:用$()選擇節(jié)點(diǎn)A,調(diào)用replaceWith方法,傳入一個(gè)新的內(nèi)容B(HTML字符串,DOM元素,或者jQuery對(duì)象)用來替換選中的節(jié)點(diǎn)A
看個(gè)簡(jiǎn)單的例子:一段HTML代碼
<div> <p>第一段</p> <p>第二段</p> <p>第三段</p> </div>
替換第二段的節(jié)點(diǎn)與內(nèi)容
$("p:eq(1)").replaceWith('<a style="color:red">替換第二段的內(nèi)容</a>')
通過jQuery篩選出第二個(gè)p元素,調(diào)用replaceWith進(jìn)行替換,結(jié)果如下
<div> <p>第一段</p> <a style="color:red">替換第二段的內(nèi)容</a>' <p>第三段</p> </div>
.replaceAll( target ) :用集合的匹配元素替換每個(gè)目標(biāo)元素
.replaceAll()和.replaceWith()功能類似,但是目標(biāo)和源相反,用上述的HTML結(jié)構(gòu),我們用replaceAll處理
$('<a style="color:red">替換第二段的內(nèi)容</a>').replaceAll('p:eq(1)')
總結(jié):
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)