在網頁開發中,經常會有需要刪除元素的操作,而 jQuery 提供了一個方便的方法來刪除列表中的元素,那就是使用remove()
方法。
假設我們有一個無序列表,其中有多個li
元素,現在需要刪除其中的一個元素。
<ul id="list"> <li>第一個元素</li> <li>第二個元素</li> <li>第三個元素</li> <li>第四個元素</li> <li>第五個元素</li> </ul>
要刪除其中的一個元素,首先需要給每個元素添加一個唯一的標識,這里我們以類名的形式給第二個元素添加一個標識。
<ul id="list"> <li>第一個元素</li> <li class="delete">第二個元素</li> <li>第三個元素</li> <li>第四個元素</li> <li>第五個元素</li> </ul>
現在可以使用以下代碼在頁面加載時刪除該元素:
$(document).ready(function(){ $(".delete").remove(); })
代碼解釋:
$(document).ready()
表示頁面加載完畢后執行其中的代碼。$(".delete")
選中類名為delete
的元素。remove()
刪除選中的元素。
這樣就可以輕松實現刪除列表元素的效果了。
上一篇proxy優勢vue