站長(zhǎng)資訊網(wǎng)
jquery刪除第3個(gè)li元素的方法：1、利用“:nth-child(n)”選擇器選取第3個(gè)li元素，語(yǔ)法“$("li:nth-child(3)")”；2、用remove()刪除被選元素及其內(nèi)部?jī)?nèi)容，語(yǔ)法“指定li元素.remove()”。
本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
jquery刪除第3個(gè)li元素
實(shí)現(xiàn)思路：
-
選取第3個(gè)li元素
-
刪除獲取的li元素
實(shí)現(xiàn)方法：
-
選取指定位置元素可以利用
:nth-child(n)選擇器，想要選取第3個(gè)li元素，則可設(shè)置li:nth-child(3) -
刪除被選元素可利用remove()方法
使用 remove( ) 方法可將某個(gè)元素及其內(nèi)部的所有內(nèi)容刪除。
實(shí)現(xiàn)示例：
<!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個(gè)li元素</li> <li>第2個(gè)li元素</li> <li>第3個(gè)li元素</li> <li>第4個(gè)li元素</li> <li>第5個(gè)li元素</li> <li>第6個(gè)li元素</li> </ul> <button>刪除第3個(gè)li元素</button> </body> </html>
【推薦學(xué)習(xí)：jQuery視頻教程、web前端視頻】
