jquery - 如何从每个子元素中选择第一个元素

标签 jquery html css

在下面的 html 代码中,如何为“元素 2_1”、“元素 3_1”...选择元素 a

<ul>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a>
    <ul>
        <li><a href="#">Item 2_1</a></li>
        <li><a href="#">Item 2_2</a></li>
        <li><a href="#">Item 2_3</a></li>
        <li><a href="#">Item 2_4</a></li>
    </ul>
</li>
<li><a href="#">Item 3</a>
    <ul>
        <li><a href="#">Item 3_1</a></li>
        <li><a href="#">Item 3_2</a></li>
    </ul>
</li>
</ul>

最佳答案

$('li ul li:first-child a');

我们选取第二层ul的(li ul),然后选取其中每一个的第一个li,并检索其中的 a

关于jquery - 如何从每个子元素中选择第一个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8413886/

相关文章:

php - 搜索栏将结果显示到另一个页面

jquery - 将HTML表分成多个JQuery表

php - 使用 jQuery 检查单选按钮的值并更改 CSS 类

javascript - 如何根据变量更改 ng-view

html - 如何使用CSS同时更改悬停的元素和另一个div

javascript - Laravel 和隐藏输入

HTML/CSS - 你如何提出一个单选按钮?

javascript - 使用 Javascript/Jquery 对 ListBox 项目进行排序

JQuery UI 选项卡自动关闭

html - div 下推兄弟的内容