jQuery，將div隱藏在div塊中

Question

我想用唯一的類名隱藏除每個div塊中的第一個之外的div。 我這樣做是因為我有多個輪播，並且除了第一個div以外，我都將除第一個以外的每個輪播移出屏幕。 這對於單個輪播非常有用，但是當我介紹多個輪播時，它會隱藏除第一個以外的所有div。

單個輪播的原始代碼為：

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

但現在我想展示每個輪播的第一個“ hero-featureSwap”。 周圍有駭客嗎？

Answer 1

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

<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"
    });
});

請根據您的結構進行必要的類名更改。

Answer 2

使用此代碼：

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

隱藏 。 要移動除首頁以外的所有其他div，您的代碼就可以了，或者：

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