jquery刪除指定li元素簡單介紹:
本章節介紹一下如何利用jquery刪除指定的li元素,雖然比較簡單,但這也是比較常見的操作,可能很多初學者還是不夠了解,下面就通過代碼實例介紹一下如何實現此功能,代碼如下:
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>螞蟻部落</title><style type="text/CSS"> ul li{ list-style:none; font-size:12px; line-height:25px; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script><script type='text/javascript'>$(document).ready(function(){ $("#bt").click(function(){ $("li").eq(1).remove(); })})</script></head> <body> <ul id="box"> <li>螞蟻部落歡迎您,只有努力奮斗才會有美好的明天。</li> <li>沒有人一開始就是高手,必須要通過虛心學習。</li> <li>每一天都是新的,要好好珍惜。</li> <li>只有當下的時間才是真實的,下一秒都是虛幻的。</li> <li>分享的精神和互助的胸懷是進步的最大源動力。</li> </ul> <input type="button" id="bt" value="查看效果"/></body> </html>
上面的代碼點擊按鈕可以刪除第二個li元素,代碼比較簡單這里就不多介紹了。
相關閱讀:
1.eq()函數可以參閱jQuery的eq()方法一章節。
2.remove()函數可以參閱jQuery的remove()方法一章節。
原文地址是:http://www.51texiao.cn/jqueryjiaocheng/2015/0713/6599.html
最為原始地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=15055
新聞熱點
疑難解答