javascript - Jquery，在div block 中隐藏div

Question

我想用唯一的类名隐藏每个 div block 中除第一个之外的 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"
    });
});

请根据您的结构进行必要的类名更改。