站長資訊網
jquery刪除第3個li元素的方法：1、利用“:nth-child(n)”選擇器選取第3個li元素，語法“$("li:nth-child(3)")”；2、用remove()刪除被選元素及其內部內容，語法“指定li元素.remove()”。
本教程操作環境：windows7系統、jquery1.10.2版本、Dell G3電腦。
jquery刪除第3個li元素
實現思路：
-
選取第3個li元素
-
刪除獲取的li元素
實現方法：
-
選取指定位置元素可以利用
:nth-child(n)選擇器，想要選取第3個li元素，則可設置li:nth-child(3) -
刪除被選元素可利用remove()方法
使用 remove( ) 方法可將某個元素及其內部的所有內容刪除。
實現示例：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(function () { $("button").click(function () { $("li:nth-child(3)").remove(); }) }) </script> </head> <body> <ul> <li>第1個li元素</li> <li>第2個li元素</li> <li>第3個li元素</li> <li>第4個li元素</li> <li>第5個li元素</li> <li>第6個li元素</li> </ul> <button>刪除第3個li元素</button> </body> </html>
【推薦學習：jQuery視頻教程、web前端視頻】
