Question

全部，请原谅我，我不是jquery的专业人士，我坚持认为选择器作为标题显示。请帮助我谢谢。

我有这样的功能：

function (container)
{
   var selectContentDiv= $("....",container);//I just don't know how to working with the selector context.
}

假设我们container包含html结构，如下所示：

    <div class="block-head">
       <h3>test</h3>
    </div>
    <div class="block-content"><!--I want to get this one-->
       <div class="block-head">
          <h3>test</h3>
       </div>
       <div class="block-content">
          ....
       </div>
    </div>

我想知道如何获得具有上下文类block-content的直接第一个孩子？感谢。

Answer 1

<div class="block-content"><!--I want to get this one-->
       <div class="block-head">
          <h3>test</h3>
       </div>
       <div class="block-content">
          ....
       </div>
       <div class="block-head">
          <h3>test</h3>
       </div>
    </div>

如果您想找到block-content

的直接子项，请从HTML上方

$('.block-content > div.block-head')

根据Dream Eater评论编辑

例如，添加了上面的代码，其中.block-content是父级，div.block-head是子元素。

如此完整的语法。

$('parent > child')

Answer 2

使用：

$('div > block-content')

Answer 3

要获取具有.block-content类的元素的第一个子节点，请使用：

$('div > .block-content');

我使用div作为你的父元素，你没有在你的html中包含它。

Answer 4

这将使您第一次出现具有类block-content的div元素：

$('div.block-content').first()

Answer 5

试试这个：

$(".block-head").next(".block-content")

这将为您提供.block-content

之后的第一个.block-head

如何在上下文中选择具有指定类名的直接子项

5 个答案: