如何使用 JQuery 选择容器元素内的第一个 div 元素？

Posted 2023-05-09

【中文标题】如何使用 JQuery 选择容器元素内的第一个 div 元素？

【英文标题】：How can I use JQuery to select the first div element inside a container element?

【发布时间】：2015-12-06 12:25:23

【问题描述】：

我是 JQuery 的新手，遇到以下情况：

<!-- Bottone relativo ai progetti WIFI: -->
<a title="WIFI" href="javascript: void(0)" id="showWifi_$item.index" class="showWifi">
    <div class="news_box news_box_01 hvr-underline-from-center " style="margin-right: 50px;"></div>
</a>

我的a 标签有class="showWifi"。

我必须使用 JQuery 来选择具有 class="showWifi" 的 a 标记内的第一个 div 元素。

我不想为这个标签设置id，但我想使用JQuery语法来选择第一个div标签

我该怎么做？

【参考方案1】：

您可以使用first()

$('a.showWifi div').first().addClass('something')

你也可以使用:first伪选择器

$('a.showWifi div:first').addClass('something')

注意：first() 比:first 快（感谢@Zeratops）。见：jQuery :first vs. .first()

【讨论】：

如果我们走得更远，对于性能问题，.first() 更好（与此 SO 答案有关“谁在:first 或 `.first()` 之间更快：***.com/questions/2312761/jquery-first-vs-first/…） .

@Zeratops 谢谢，更新答案

【参考方案2】：

您可以使用:first

选择第一个匹配的元素。

$('a.showWifi > div:first')

【参考方案3】：

使用.first()

$(".showWifi").find("div").first();

工作 JSFIDDLE：http://jsfiddle.net/uamkvdkr/