首页 >

jquery怎么删除子元素并保留第一个

web前端|前端问答jquery怎么删除子元素并保留第一个
jquery
web前端-前端问答
app分发程序源码下载,ubuntu更换默认桌面,东方通中间件 tomcat,鞋底爬虫子,php调用短信接口怎么写,湖北淘宝seolzw
jquery怎么删除子元素并保留第一个
django 搭建的网站源码,手机电脑 ubuntu,tomcat为什么很火,游戏频道爬虫,php入门教程247,seo美化lzw
1、利用children获取子元素
淘宝返利有什么网站源码,ubuntu文件拷贝命令,tomcat默认的端口号是,python爬虫能做啥,电子邮箱服务器php,站内seo排名lzw
children() 方法返回被选元素的所有直接子元素。

DOM 树:该方法只沿着 DOM 树向下遍历单一层级。如需向下遍历多个层级(返回子孙节点或其他后代),请使用 find() 方法。

提示:如需沿着 DOM 树向上遍历单一层级,或向上遍历直至文档根元素的所有路径(返回父节点或其他祖先),请使用 parent() 或 parents() 方法。

语法为:

$(selector).children(filter)

2、利用not配合:first排除第一个子元素

not() 方法返回不符合一定条件的元素。

该方法让您规定一个条件。不符合条件的元素将从选择中返回,符合条件的元素将被移除。

该方法通常用于从被选元素组合中移除一个或多个元素。

:first 选择器选取第一个元素。

语法为

$(":first")

3、利用remove删除元素

remove() 方法移除被选元素,包括所有的文本和子节点。

该方法也会移除被选元素的数据和事件。

语法为:

$(selector).remove()

示例如下:

123/title>.descendants *{ display: block;border: 2px solid lightgrey;color: lightgrey;padding: 5px;margin: 15px;}$(document).ready(function(){$("ul").children().not(":first").remove();});body (曾祖先节点)<div style="width:500px">div (祖先节点)<ul>ul (直接父节点)  <li>li (第一个子节点)<span>span (孙节点)</span></li><li>li (第二个子节点)<span>span (孙节点)</span></li><li>li (第三个子节点)<span>span (孙节点)</span></li><li>li (第四个子节点)<span>span (孙节点)</span></li></ul>   </div></pre><p>输出结果:</p><p><img decoding="async" src="https://liuzhongwei2023.oss-cn-shanghai.aliyuncs.com/uploads/2023/web/55173.jpg" alt="jquery怎么删除子元素并保留第一个" title="jquery怎么删除子元素并保留第一个" alt="jquery怎么删除子元素并保留第一个" title="jquery怎么删除子元素并保留第一个" /></p><p>相关视频教学推荐:jQuery视频教学</p>
		<div class="tag"></div>
	</div><!-- .entry-content -->
<hr>
<li>暂无相关文章</li>	 <footer class="entry-footer">
		<span class="cat-links">Posted in 未分类</span>	</footer><!-- .entry-footer -->
<!-- #post-## -->

	<nav class="navigation post-navigation" aria-label="文章">
		<h2 class="screen-reader-text">文章导航</h2>
		<div class="nav-links"><div class="nav-previous"><a href="https://www.liuzhongwei.com/page/1255485.html" rel="prev">mysql怎么用代码设置复合主键 |mysql getmultidict</a></div><div class="nav-next"><a href="https://www.liuzhongwei.com/page/432666.html" rel="next">哪款游戏可以自己编程语言,腾讯游戏是用什么语言编写的 – 游戏开发 – 前端|</a></div></div>
	</nav>
		</main><!-- #main -->
	</section><!-- #primary -->


<aside id="secondary" class="widget-area col-sm-12 col-md-12 col-lg-4" role="complementary">
<hr>
	<section id="block-4" class="widget widget_block">
<hr class="wp-block-separator has-alpha-channel-opacity"/>
</section></aside><!-- #secondary -->
			</div><!-- .row -->
		</div><!-- .container -->
	</div><!-- #content -->
    

	<footer id="colophon" class="site-footer" role="contentinfo">
		<div class="container">
            <div class="site-info">
                © 牛的日记 | www.liuzhongwei.com <br> 网站部分内容来源于网友供稿,若有侵权请联系删除,970928#QQ.com<br>
                           </div><!-- close .site-info -->
		</div>
	</footer><!-- #colophon -->
</div><!-- #page -->
	<!--colorcode_start-->
	<script type="text/javascript" src="https://www.liuzhongwei.com/wp-content/plugins/colorcode/js/wp-colorcode.js?ver=20121102"></script>
	<script type="text/javascript">
		window.onload = function() {
			DlHighlight.HELPERS.highlightByName('colorcode', 'pre','', false);
		} 
	</script>	
	<!--colorcode_end-->


<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?362c2492cf3ac506a1c032629e391abd";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

</body>
</html>