javascript - 仅在 jquery 中使用 data-slidein=1 隐藏一个 slider 中的一个元素

Question

在我的 slider 上隐藏背景灰色覆盖元素时遇到问题，我只有 4 个 slider ，每个 slider 都有一个从 1 到 4 的 data-slidein 值。当当前 slider 为 slide-dataslide="1" 时，如何隐藏背景灰色叠加层？其余 slider 2、3 和 4 具有背景叠加层。

只是我只想display: block 2,3,4 和data-slidein="1" 中的背景覆盖是display: none 。

在这种情况下，所有 slider 都有自己的背景 slider-image 在每个 slider 中都有一个 background gray overlay 使用此 div ls-layers，那么如何删除 slider-image-1 中的 background gra overlay？我不知道如何在 jquery 中写这个，但我有这样的想法。

    if([data-slidein=1]){ 
      ls-layers background should hide 
    } else { 
    not }

我只需要找到第一张幻灯片，然后隐藏作为背景叠加层的 ls-layers。

<div class="ls-slide-backgrounds">
    <!-- Display none the gray-bg-gradient.png -->
    <div class="ls-wrapper ls-bg-outer">
        <div class="ls-wrapper ls-bg-wrap">
            <img src="slider-image-1.png" class="ls-bg" data-slidein="1" data-slideout="1">
        </div>
    </div>
    <!-- Display the gray-bg-gradient.png -->
    <div class="ls-wrapper ls-bg-outer">
        <div class="ls-wrapper ls-bg-wrap">
            <img src="slider-image-1.png" class="ls-bg" data-slidein="2" data-slideout="2">
        </div>
    </div>
</div>
<div class="ls-layers"></div>

Answer 1

我认为您正在使用 div 标记来执行此操作，所以...

你可以用 css 做到这一点

div[data-slidein=1]{
   display: block;
}

但是如果你需要 javascript

$(document).ready(function(){
    $('div[data-slidein=1]').hide();
});

如果你想让它隐藏在某些东西之后，把代码放在一个函数中并调用它，或者一个监听器

$(document).delegate('.my-button', 'click', function(){
    $('div[data-slidein=1]').hide();
});