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