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

Question

我是 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 到 select 此 a 标签内的第一个 div 元素具有 class="showWifi".

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

我该怎么做？

Answer 1

您可以使用:first

Selects the first matched element.

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

Answer 2

您可以使用first()

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

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

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

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

Answer 3

使用.first()

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

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

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

How can I use JQuery to select the first div element inside a container element?

html

javascript

jquery

dom

jquery-selectors