0

我正在尝试获取仅在幻灯片放映中的特定滑块上显示的按钮的 img。我正在使用 glide.js 进行幻灯片放映。它不会总是第一个也不会总是最后一个,所以我决定最好的选择是访问那个滑块,给它一个 ID。因此,如果幻灯片在#fotoparasair 上,那么 .setaparasair 类应该是可见的。如果不是,它不应该。该类是类.glide_arrows 内按钮内的img。您的帮助将不胜感激。我希望我正确地解释了自己。

<div id="plano6">
        <div class="glide2" id="glide2">
            <div class="glide__track" data-glide-el="track">
            <ul class="glide__slides">
                <li class="glide__slide"><img src=""></li>
                <li class="glide__slide" id="fotoparasair"><img src=""></li>
            </ul>
            </div>
            <div class="glide__arrows" data-glide-el="controls">                     
                <button class="glide__arrow glide__arrow--top"><a href="#plano5"><img src=""></a></button>
                <button class="glide__arrow glide__arrow--left" data-glide-dir="<"><img src="" ></button>
                <button class="glide__arrow glide__arrow--center"><img src=""></button>
                <button class="glide__arrow glide__arrow--right" data-glide-dir=">"><img src="" ></button>
                <button class="glide__arrow glide__arrow--down"><a href="#plano7"><img class="setaparasair" src="" ></a></button>
              </div>
        </div>
    </div>

和 jQuery

$(function(){
    if($('.glide__slide').is('#fotoparasair')){
        $(".setaparasair").show();
        console.log('success.')
    }else{
        $(".setaparasair").hide();
        console.log('No success.')
    }
})
;
4

0 回答 0