3

所有,请原谅我不是 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上下文命名的类的直接第一个孩子?谢谢。

4

5 回答 5

3
<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>

从上面的 HTML 如果你想找到的直接孩子block-content

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

根据 Dream Eater 评论编辑

添加了上面的代码,例如哪里.block-content是父元素,哪里是div.block-head子元素。

所以完整的语法将是。

$('parent > child')
于 2013-03-19T08:58:47.043 回答
3

要获取具有 .block-content 类的元素的第一个子元素,请使用以下命令:

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

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

于 2013-03-19T09:05:21.407 回答
1

采用:

$('div > block-content')
于 2013-03-19T09:03:08.160 回答
0

这将使您第一次出现带有 class 的 div 元素block-content

$('div.block-content').first()
于 2013-03-19T09:00:08.413 回答
0

试试这个 :

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

这会给你第一个.block-content之后.block-head

于 2013-03-19T09:05:28.200 回答