javascript - 如何使用 jquery 定位第一个 div？

Question

我是 jquery 的新手，所以请多多包涵。我需要找到一种方法，始终从页面上出现的具有相同类的每个 div 系列中获取第一个 div，以便我可以向它们添加一些特定的 css 样式。所以从技术上讲，我需要类似于 css 中的 :first-child 的东西。

我尝试使用 .first() 但这只让我得到了第一个具有该类名的“divs”系列中的第一个 div。

例子:

<div class="expl">....</div> <!-- need to target this div-->
<div class="expl">....</div>
<div class="expl">....</div>

<h1>....</h1> - this is just an example, we can have any other html tag/content here
<div class="expl">....</div> <!-- and this div-->
<div class="expl">....</div>
<div class="expl">....</div>

<p>....</p>
<div class="expl">....</div> <!-- and this div-->
<div class="expl">....</div>
<div class="expl">....</div>

Answer 1

您可以使用这个 CSS 选择器:

*:not(.expl) + .expl

这将针对紧跟在非 .expl 元素之后的任何 .expl 元素。显然，您可以为此使用 jQuery，也可以不使用，具体取决于您的要求。

Working example