Question

我想隐藏div，除了每个div块中的第一个div具有唯一的类名。我这样做是因为我有多个旋转木马，除了第一个div之外，我正在移动除了屏幕上的第一个以外的每个旋转木马。这适用于单个旋转木马但是当我引入多个旋转木马时，它会隐藏除第一个之外的所有div。

单个轮播的原始代码是：

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

但现在我要展示第一个＆＃34; hero-featureSwap＆＃34;每个转盘。这有什么黑客攻击吗？

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

Jquery，隐藏div块中的div

2 个答案: