2014-07-11 51 views
0

我想隱藏每個div塊中唯一類名的第一個div。我這樣做是因爲我有多個輪播,除了第一個div之外,我將每個輪播除外。這對於單個輪播很有用,但是當我引入多個輪播時,它會隱藏除第一個之外的所有div。單轉盤jquery,隱藏在div塊中的div

原來的代碼是:

$("div.hero-featureSwap:not(:first)").css({ 
    "left" : "2000px" 
}); 

,但現在我要顯示的每個轉盤的第一個「英雄featureSwap」。這是否有黑客入侵?

+0

使用父容器,然後$ .each,然後執行此操作。 – Ohgodwhy

+0

你可能想刪除'java'標籤:P – mechalynx

+0

除非我們知道html外觀如何喜歡,否則答案將會在黑暗中拍攝。您可以發佈html,但不是完整的,但只有重要的。 –

回答

3

我猜你的結構可能是這樣的 -

<div class="carousel"> 
    <div class="carousel-child"></div> 
    <div class="carousel-child"></div> 
    <div class="carousel-child"></div> 
    <div class="carousel-child"></div> 
</div> 
<div class="carousel"> 
    <div class="carousel-child"></div> 
    <div class="carousel-child"></div> 
    <div class="carousel-child"></div> 
    <div class="carousel-child"></div> 
</div> 
<div class="carousel"> 
    <div class="carousel-child"></div> 
    <div class="carousel-child"></div> 
    <div class="carousel-child"></div> 
    <div class="carousel-child"></div> 
</div> 

那麼這是我會怎樣這樣做 -

$("div.carousel").each(function(){ 
    $(this).find("div.carousel-child:not(:first)").css({ 
     "left" : "2000px" 
    }); 
}); 

請根據您的結構進行必要的班級名稱更改。

0

使用此代碼:

$("div.hero-featureSwap").find('div:gt(0)').hide(); 

隱藏。要將所有其他的div除了第一個頁面,你的代碼就好了,或者:

$("div.hero-featureSwap:gt(0)").css({ 
    "left" : "2000px" 
});