Question

我有这个html结构：

<div id="title" class="span7">
    <span id="details" class="detail pull-right">
        <a class="detailShow" href="#">More details</a>
    </span>
    <p>My text example</p>
</div>

<div class="span9 hide" style="display: block;">
    <div class="row topRow">
        <div class="span9">
            <div class="detailInfo">
                <p>Informazioni aggiuntices</p>
            </div>
        </div>
    </div>
</div>

我想选择.detailInfo div，从我在div“title”上的第一个唯一ID开始。

我有这段代码：

$("#title").next(".span9");

不知道如何继续...

选择detailInfo div的最佳方法是什么？

Answer 1

只需$('.detailInfo')根据课程选择。

或更完整：

$("#title").next(".span9").find('.detailInfo')

Answer 2

有几种方法可以选择div，我认为最有效的方法如下：

使用祖先后代选择器：

$('#title+div .detailInfo')

使用第二个上下文参数：

$('.detailInfo', '#title+div')

编辑：没有注意到 div＃title 不是 div.detailInfo

的祖先

Answer 3

$('.detailInfo')您可以直接选择

$("#title").next(".span9").find('.detailInfo')

使用Jquery选择嵌套子节点的有效方法

3 个答案: