jQuery刪除指定子元素
dom操作中,經常有這樣的場景,在滿足一定條件的情況下,刪除指定元素下的某個子元素,下面通過程式碼例項介紹一下如何實現此功能。empty()方法可以刪除指定元素的子節點,比較徹底;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"> $(document).ready(function(){ $("#bt").click(function(){ $("#box li:eq(1)").remove() }) }) </script> </head> <body> <ul id="box"> <li>只有努力奮鬥才會有美好的未來。</li> <li>沒有人一開始就是高手,必須通過個人奮鬥才行。</li> <li>分享的精神和互助的胸懷是進步最大的源動力。</li> <li>虛幻的尊嚴毫無意義,必須要實實在在</li> </ul> <input type="button" id="bt" value="檢視效果"/> </body> </html>
使用eq選擇器獲取box元素下的指定li元素,然後刪除。
相關閱讀:
(1).eq選擇器參閱jQuery :eq()一章節。
(2).remove()參閱jQuery remove()一章節。
(3).find()參閱jQuery find()一章節。
(4).eq()參閱jQuery eq()一章節。
相關文章
- jquery刪除指定子元素程式碼例項jQuery
- jQuery實現的刪除指定子元素程式碼例項jQuery
- javascript刪除指定子元素程式碼例項JavaScript
- jQuery刪除元素jQuery
- jQuery 刪除元素jQuery
- jQuery刪除指定li元素jQuery
- jQuery如何刪除元素節點jQuery
- jQuery 刪除當前li元素jQuery
- jQuery為元素新增和刪除classjQuery
- jQuery如何新增和刪除元素jQuery
- jQuery刪除具有指定文字的li元素jQuery
- jquery刪除指定元素程式碼例項jQuery
- jQuery點選按鈕刪除div元素jQuery
- jQuery實現的具有淡出效果的元素刪除jQuery
- jQuery動態新增或刪除<input type="file">元素jQuery
- jquery獲取指定元素下所有指定子元素的數目程式碼例項jQuery
- 建立元素和刪除元素
- jquery刪除前n個li元素程式碼例項jQuery
- 使用jQuery刪除一個元素節點程式碼例項jQuery
- jquery為指定的元素新增或者刪除指定樣式類jQuery
- jQuery新增和刪除元素class屬性例項程式碼jQuery
- HashMap 之元素刪除HashMap
- removeChild()刪除li元素REM
- jQuery實現的為元素新增或者刪除class樣式類jQuery
- JavaScript刪除陣列元素JavaScript陣列
- JavaScript 建立和刪除元素JavaScript
- c++ map刪除元素C++
- c++ vector刪除元素C++
- 指標的刪除動作指標
- jQuery 新增和刪除classjQuery
- jQuery中點選刪除,顯示是否要刪除jQuery
- JavaScript 刪除陣列指定元素JavaScript陣列
- JavaScript 刪除指定的li元素JavaScript
- JavaScript刪除array陣列元素JavaScript陣列
- 刪除零元素
- STL.vector容器刪除單個元素、部分元素、全部元素
- jquery實現增加刪除行jQuery
- jquery table 的新增和刪除jQuery