jquery - 在每次出现的父元素中获取第一次出现的元素

Question

抱歉，我有一个令人困惑的问题。这可能是重复的。

<code><ul class="slides">
     <li>
        <div class="primary_care_two></div>
        <div class="app_con"></div>
        <div class="app_con"></div>
        <div class="app_con"></div>
    </li>
     <li>
        <div class="primary_care_two></div>
        <div class="app_con"></div>
        <div class="app_con"></div>
        <div class="app_con"></div>
    </li>
     <li>
        <div class="primary_care_two></div>
        <div class="app_con"></div>
        <div class="app_con"></div>
        <div class="app_con"></div>
    </li>
</ul></code>

我想设置第一次出现的自定义 css class="app_con"对于每个 <li>

要么使用jquery/css

Answer 1

无需使用 jQuery。您可以只使用 CSS 来做同样的事情:

CSS

li > div:first-child + div{
    /* css properties */
}

我在上面的代码中使用的选择器是:

• > Child selector (>)
• > First-child pseudo class (:第一个 child )
• > Adjacent sibling selector (+)