2017-08-02 62 views
1

我需要在下面的div上使用jQuery設置寬度。 我的HTML看起來像這樣(有一些是由燈箱插件生成):如何獲得沒有ID的嵌套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> 

現在我需要的股利是一個與類=光滑軌道。 請注意,我不能直接使用$('。slick-track'),因爲我的頁面上有8個這樣的圖庫,只有頂級div class =「xxxgallery」是唯一的,其餘的都是相同的其他7個畫廊,但我需要設置使用jQuery的寬度是不同的所有那些7.

+1

是結構相同嗎?他們都會有相同的沒有嵌套的div? – tech2017

回答

1

既然你說第一個div(class =「xxxgallery」)是獨一無二的,使用CSS或jQuery您的選擇器將是:

div.xxxgallery div.slick-track 

你可以得到,如果你需要更多的特定於和:

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

Downvoter關心評論? – j08691

+0

我不是downvoter,但*«但我需要使用jQuery設置的寬度...»*很清楚。我想這就是爲什麼。 –

+1

@LouysPatriceBessette無關緊要,在這種情況下,CSS和jQuery的選擇器是一樣的。在jQuery中,它只會包含在'$('div.xxxgallery div.slick-track')''中。在CSS中,它只是'div.xxxgallery div.slick-track {}'。我猜無論是懦夫還是愚蠢的在jQuery和CSS中都是無能爲力 – j08691

3

您可能想要使用find()

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

爲什麼不只是$('。xxxgallery .slick-track')? – flyer