jQuery實現的刪除指定標籤程式碼例項

antzone發表於2017-03-13
jQuery

本章節介紹一下如何刪除一個標籤，但是並不會刪除標籤中的內容，此種需求可能在實際應用中並不多，但是也算是一種技巧，起碼可以熟悉一下相關函式的用法，程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<script type="text/javascript"> 
$(function(){ 
  $("#bt").click(function(){
    $("p").each(function(){  
      var content=$(this).html();  
      $(this).replaceWith(content);  
    }) 
  })  
})   
</script> 
</head>
<body>  
<p>螞蟻部落歡迎您</p>  
<div>只有努力奮鬥才會有美好的明天。</div>
<input type="button" id="bt" value="檢視效果"/>
</body> 
</html>

以上程式碼實現了我們的要求，能夠將頁面的中p標籤清楚，但是不會刪除p標籤中的內容。

相關文章