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删除指定子元素就介绍到这了。

回复

我来回复
  • 暂无回复内容