使用jquery显示嵌套ul li的第一级子元素

使用jQuery显示嵌套ul li的第一级子元素可以通过以下步骤实现：

1. 首先，确保在HTML页面中引入了jQuery库文件，可以通过以下方式引入：<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>
2. 在HTML页面中，创建一个嵌套的ul li结构，例如：<ul id="nestedList"> <li>Item 1 <ul> <li>Sub-item 1</li> <li>Sub-item 2</li> </ul> </li> <li>Item 2 <ul> <li>Sub-item 3</li> <li>Sub-item 4</li> </ul> </li> </ul>
3. 使用jQuery选择器选取第一级子元素，并显示出来，可以使用children()方法和show()方法实现：$(document).ready(function() { $('#nestedList > li').children('ul').hide(); // 隐藏所有子元素的ul $('#nestedList > li').children('ul').first().show(); // 显示第一级子元素的ul });

在上述代码中，首先使用$('#nestedList > li')选择器选取id为nestedList的ul元素的直接子元素li，然后使用children('ul')方法选取这些li元素的直接子元素ul，接着使用hide()方法隐藏所有子元素的ul，最后使用first()方法选取第一个子元素的ul，并使用show()方法显示出来。

这样，就可以通过jQuery显示嵌套ul li的第一级子元素。如果需要展开或收起子元素，可以结合事件处理函数，例如点击li元素时切换显示和隐藏子元素的ul。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），产品介绍链接地址：https://cloud.tencent.com/product/cvm