首頁  >  文章  >  web前端  >  jQuery 刪除/取代DOM元素的幾種方式_jquery

jQuery 刪除/取代DOM元素的幾種方式_jquery

WBOY
WBOY原創
2016-05-16 16:47:421053瀏覽

刪除

刪除操作非常簡單,直接在結果集後鍊式呼叫remove()方法即可。

例如,要刪除以下html腳本中所有的a元素,直接透過

複製程式碼 程式碼如下:

$('a'.remove();

就可以做到了。
複製程式碼 程式碼如下:


當然也可以透過向remove傳參的形式來過濾選擇結果,然後再執行remove操作。如下:
$('a').remove('.remove'); 需要注意的是remove操作並不會把符合條件的元素從結果集中刪除,所以理論上可以繼續操作被"刪除"掉的元素
remove操作不但會「刪除」元素與所有元素相關的資料也會被刪除(event handlers、internally cached data)

替換
如果想要把class為remove的li元素替換為
  • removed
  • ,可以使用以下兩種等價的方法




    複製程式碼


    程式碼如下:
    $('li.remove').replaceWith('
  • removed); $('
  • removed
  • ;).replaceAll('li.remove');
    陳述:
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn