0

私はこの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>

div「タイトル」にある最初の一意のIDから始めて、.detailInfo divを選択したいと思います。

私はこのコードを持っています:

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

どのように先に進むのか見当がつかない...

detailInfo div を選択する最良の方法は何ですか?

4

3 に答える 3

1

$('.detailInfo')クラスに基づいて選択するだけです。

またはより完全に：

$("#title").next(".span9").find('.detailInfo')
于 2013-03-21T03:22:38.110 に答える
1

div を選択するにはいくつかの方法がありますが、最も効率的な方法は次のようになると思います。

  • 先祖子孫セレクターを使用します。

$('#title+div .detailInfo')

  • 2 番目のコンテキストパラメータを使用します。

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

編集: div#titleがdiv.detailInfoの祖先ではないことに気付きませんでした

于 2013-03-21T03:31:06.370 に答える
0

$('.detailInfo')直接選択できます

$("#title").next(".span9").find('.detailInfo')
于 2013-03-21T03:24:11.357 に答える