仅在幻灯片中的特定 slider 上显示按钮

Question

我正在尝试获取一个按钮的 img，该按钮仅在幻灯片中的特定 slider 上显示。 我正在使用 glide.js 进行幻灯片放映。 它不会总是第一个也不会总是最后一个，所以我决定最好的选择是访问 slider 给它一个 ID。 因此，如果幻灯片在#fotoparasair 上，那么 class.setaparasair 应该是可见的。 如果不是，它不应该。 class 是 class.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.')
    }
})
;