3

すべて、私はjqueryの専門家ではないことを許してください、私はタイトルが示すようにセレクターを理解することに固執しています。ありがとうございます。

私はこのような機能を持っています：

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

次のようなhtml構造を含むと仮定containerします。

    <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

.block-content クラスを持つ要素の最初の子を取得するには、次を使用します。

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

親要素として div を使用していますが、これは html には含まれていません。

于 2013-03-19T09:05:21.407 に答える
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')

ドリームイーターのコメントに従って編集

上記のコードは、たとえば where.block-contentが親div.block-head要素で、 が子要素である場合に追加されます。

したがって、完全な構文は次のようになります。

$('parent > child')
于 2013-03-19T08:58:47.043 に答える
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 に答える