jquery刪除指定的html標(biāo)簽并保留標(biāo)簽內(nèi)文本內(nèi)容的方法
更新時(shí)間：2014年04月02日 10:51:13 作者：
有時(shí)我們希望刪除這段html代碼里面的一對(duì)<p>標(biāo)簽，但是要保持里面的內(nèi)容不被刪除，本文提供的這個(gè)jquery方法就可以簡(jiǎn)單實(shí)現(xiàn)。
例如有這樣一段html代碼：
復(fù)制代碼 代碼如下:
腳本之家演示代碼
<p>大家好，歡迎來(lái)到j(luò)b51.net</p>
這里為大家提供最優(yōu)秀的<a href="http://chabaoo.cn/js">js</a>代碼和教程
<p>大家好，歡迎來(lái)到j(luò)b51.net</p>
這里為大家提供最優(yōu)秀的<a href="http://chabaoo.cn/js">js</a>代碼和教程
我們希望刪除這段html代碼里面的一對(duì)<p>標(biāo)簽，但是要保持里面的內(nèi)容不被刪除，這里我們用jquery處理，詳細(xì)的jQuery代碼：
復(fù)制代碼 代碼如下:
<script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
<script type="text/javascript">
$(function(){
$("p").each(function(){
var xx=$(this).html();
$(this).replaceWith(xx);
})
})
</script>
<script type="text/javascript">
$(function(){
$("p").each(function(){
var xx=$(this).html();
$(this).replaceWith(xx);
})
})
</script>
這里通過(guò)jquery的html方法和replaceWith方法對(duì)p標(biāo)簽進(jìn)行遍歷替換
您可能感興趣的文章:
- JQuery 綁定select標(biāo)簽的onchange事件，彈出選擇的值，并實(shí)現(xiàn)跳轉(zhuǎn)、傳參
- jQuery EasyUI API 中文文檔 - Tabs標(biāo)簽頁(yè)/選項(xiàng)卡
- JQuery中判斷一個(gè)元素下面是否有內(nèi)容或者有某個(gè)標(biāo)簽的判斷代碼
- 基于jQuery的獲取標(biāo)簽名的代碼
- Jquery為a標(biāo)簽的href賦值實(shí)現(xiàn)代碼
- jquery觸發(fā)a標(biāo)簽跳轉(zhuǎn)事件示例代碼
- javascript和jquery修改a標(biāo)簽的href屬性
- jQuery獲取當(dāng)前對(duì)象標(biāo)簽名稱的方法
- 使用JS或jQuery模擬鼠標(biāo)點(diǎn)擊a標(biāo)簽事件代碼
- jquery通過(guò)visible來(lái)判斷標(biāo)簽是否顯示或隱藏
- Jquery 獲取指定標(biāo)簽的對(duì)象及屬性的設(shè)置與移除
- jquery 為a標(biāo)簽綁定click事件示例代碼
- jQuery添加和刪除指定標(biāo)簽的方法
相關(guān)文章
這篇文章主要介紹了jquery衣服顏色選取插件效果，很有藝術(shù)感，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
這兩天突發(fā)奇想，結(jié)果就做了一個(gè)jQ的tip插件，形狀就像下面這樣。會(huì)隨title的多少改變大小的喲.2010-11-11
實(shí)時(shí)監(jiān)控input框,實(shí)現(xiàn)輸入框與下拉框聯(lián)動(dòng)的實(shí)例
下面小編就為大家分享一篇實(shí)時(shí)監(jiān)控input框,實(shí)現(xiàn)輸入框與下拉框聯(lián)動(dòng)的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
JSONP即JSON with Padding。由于同源策略的限制，XmlHttpRequest只允許請(qǐng)求當(dāng)前源（域名、協(xié)議、端口）的資源。2011-06-06
jQuery實(shí)現(xiàn)長(zhǎng)按按鈕觸發(fā)事件的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)長(zhǎng)按按鈕觸發(fā)事件的方法,可應(yīng)用于手機(jī)端應(yīng)用程序的開發(fā)中,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02
詳解jQuery UI庫(kù)中文本輸入自動(dòng)補(bǔ)全功能的用法
這篇文章主要介紹了詳解jQuery UI庫(kù)中文本輸入自動(dòng)補(bǔ)全功能的用法,其中重點(diǎn)講解了常用的郵箱地址輸入時(shí)后綴自動(dòng)補(bǔ)全功能的使用,需要的朋友可以參考下2016-04-04
利用jQuery實(shí)現(xiàn)一個(gè)簡(jiǎn)單的表格上下翻頁(yè)效果
這篇文章主要給大家介紹了利用jQuery實(shí)現(xiàn)一個(gè)簡(jiǎn)單的表格上下翻頁(yè)效果的相關(guān)資料，文中介紹的很詳細(xì)，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。2017-03-03
本文給大家匯總了2014年最熱門的9款jQuery特效插件，小伙伴們根據(jù)自己的需求直接帶走吧。2014-12-12
這篇文章主要介紹了jQuery 淡入/淡出效果函數(shù)用法,結(jié)合實(shí)例形式分析了jQuery 淡入/淡出功能fadeIn()、fadeOut()、fadeToggle()及fadeTo()函數(shù)基本功能、使用方法與操作注意事項(xiàng),需要的朋友可以參考下2020-05-05
jQuery實(shí)現(xiàn)圖片輪播效果代碼(基于jquery.pack.js插件)
這篇文章主要介紹了jQuery實(shí)現(xiàn)圖片輪播效果的方法,該功能基于jquery.pack.js插件實(shí)現(xiàn),涉及jQuery針對(duì)頁(yè)面元素與樣式的動(dòng)態(tài)操作技巧,需要的朋友可以參考下2016-06-06