jQuery删除指定子元素
分类:实例代码
jQuery删除指定子元素属于前端实例代码,有关更多实例代码大家可以查看。
dom操作中,经常有这样的场景,在满足一定条件的情况下,删除指定元素下的某个子元素,下面通过代码实例介绍一下如何实现此功能。empty()方法可以删除指定元素的子节点,比较彻底;jQuery中没有类似方法能够直接删除指定的子元素,所以需要变通一下。
代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#bt").click(function(){ $("#box li:eq(1)").remove() }) }) </script> </head> <body> <ul id="box"> <li>只有努力奋斗才会有美好的未来。</li> <li>没有人一开始就是高手,必须通过个人奋斗才行。</li> <li>分享的精神和互助的胸怀是进步最大的源动力。</li> <li>虚幻的尊严毫无意义,必须要实实在在</li> </ul> <input type="button" id="bt" value="查看效果"/> </body> </html>
使用eq选择器获取box元素下的指定li元素,然后删除。
相关阅读:
(1).eq选择器参阅jQuery :eq()一章节。
(2).remove()参阅jQuery remove()一章节。
(3).find()参阅jQuery find()一章节。
(4).eq()参阅jQuery eq()一章节。
jQuery删除指定子元素,这样的场景在实际项目中还是用的比较多的,关于jQuery删除指定子元素就介绍到这了。