2017-08-02 7 views
1

次のdivでjQueryを使用して幅を設定する必要があります。 私のHTMLは、(それの一部をライトボックスプラグインによって生成された)次のようになります。 idsなしのネストされたdivの子を取得する方法

<div class="xxxgallery"> (this is unique and gives me a point to select the children from) 
    <h2></h2> 
    <div class="cat slick-initialized slick-slider slick-dotted" role="toolbar"> 
      <div aria-live="polite" class="slick-list draggable"> 
       <div class="slick-track"> 
        //more code 
       </div> 
      </div> 
    </div> 
</div> 

は今、私は必要なのdivクラス=滑らかなトラックを有するものです。 $( '。slick-track')を使って直接作業することはできません。ページにこれらのギャラリーが8つあり、トップdivクラス= "xxxgallery"のみがユニークで残りはすべて同じです他の7つのギャラリーがありますが、jQueryを使用して設定する必要がある幅は、これらのすべてで異なります。

+1

同じ構造ですか?彼らはすべてネストされたdivの同じ番号を持っていますか? – tech2017

答えて

1

最初のdiv(class = "xxxgallery")はユニークだったので、CSSまたはjQueryを使用するとセレクタは

div.xxxgallery > div.cat.slick-initialized.slick-slider.slick-dotted > div.slick-list.draggable > div.slick-track 
+0

コメントしますか? – j08691

+0

私はdownvoterではありませんが、* ... ...しかし、私はjQueryを使って設定する必要がある幅...»*はかなり明確でした。私はこれが理由だと思います。 –

+1

@LouysPatriceBessetteセレクタはこの場合、CSSとjQueryの両方で同じです。 jQueryでは、 '$( 'div.xxxgallery div.slick-track')'のように '$()'にラップされます。 CSSでは、div.xxxgallery div.slick-track {} 'になります。私は、どんな臆病者も、jQueryとCSSの両方で無責任であったと思う。 – j08691

3
:あなたがする必要がある場合

div.xxxgallery div.slick-track 

あなたはより具体的な得ることができます

あなたは使用したいかもしれませんfind()

$(".xxxgallery").find(".slick-track") 
+3

$( '。xxxgallery .slick-track')だけではないのはなぜですか? – flyer

関連する問題