2012-12-20 19 views
0

我確定這是一個簡單的過程,但是我之前沒有寫過這個語法,而且我也找不到在線答案!Jquery - 使用變量和類名相結合的目標

我有一個HTML網頁內的各種圖形滑塊 - 分別具有下面的代碼 -

<div class="sliderDbWk"> 
     <div class="spanner"> 
      <div class="number"> 
       <span class="timer"> </span> 
        <Span class="timerPc">%</Span> 
      </div> 
     </div> 
    </div> 

每個父類是不同的(即sliderDbMnth,sliderDbCal),我通過在給函數的滑塊父類並希望在這個目標的孩子。數字div - 所以父類是存儲爲變量 - 我不知道如何將一個變量和一個類名稱在一個函數中結合 - 我已經嘗試下面 - 但它doesn'工作!

任何想法?

$(sliderSelect).children(' .number').css('margin-left',0); 
+0

'sliderSelect'的值是什麼? –

+0

它的父div類 - 所以在上面的例子sliderDbWk – Dancer

回答

0

應該.find('.number'),不children('.number') - 你啓動了「.sliderSomething」元素搜索,並<div class="number">是其孫子。引用該文檔:在該.children()

.children()方法不同於.find()行進的單一電平向下DOM樹而.find()可以遍歷 向下多個級別來選擇後代元素(孫子, 等)以及。

1

如果sliderSelect只包含類名,你只需要一個.加前綴,把它變成一個class selector

$("." + sliderSelect).children(' .number').css('margin-left',0); 

您也可以刪除調用.children()(注意,這有點不同,因爲它現在正在尋找任何後代,而不僅僅是直接的孩子 - 這很重要,因爲在你顯示的標記中,.number不是外部的直接子div):

$("." + sliderSelect + " .number").css('margin-left',0);