Question

我有一个共同的类名，它在不同的页面中重复出现。正如您所看到的，类名遵循以下约定：

物品─的号 -slide-的号

这些链接会打开某个幻灯片信息。每个幻灯片的这个数字是不同的，因此我想知道它是否可以定位

$('.hotspot').click(function() {
        $('...SLIDE-2').animate({right: "0"}, 500);
        return false;
    });

是否可以定位元素类名的末尾？

<div class="hotspots-image">

    <img class="image"
         src="IMG-SRC"
         alt=""
        />

    <h1 class="home-banner">
        <em>lala collection</em><br>
        white &amp; fluffy
    </h1>

    <a class="hotspot article-1-slide-2" href="#">
        <span class="hotspot-icon pp-icon icon-hotspot">&nbsp;</span>
        <span class="hotspot-label pp-icon icon-anime-left-arrow">article 1</span>
    </a>
    <a class="hotspot article-2-slide-2" href="#">
        <span class="hotspot-icon pp-icon icon-hotspot">&nbsp;</span>
        <span class="hotspot-label pp-icon icon-anime-left-arrow">article 2</span>
    </a>
    <a class="hotspot article-3-slide-2" href="#">
        <span class="hotspot-icon pp-icon icon-hotspot">&nbsp;</span>
        <span class="hotspot-label pp-icon icon-anime-left-arrow">article 3</span>
    </a>
    <a class="hotspot article-4-slide-2" href="#">
        <span class="hotspot-icon pp-icon icon-hotspot">&nbsp;</span>
        <span class="hotspot-label pp-icon icon-anime-left-arrow">article 4</span>
    </a>
    <a class="hotspot article-5-slide-2" href="#">
        <span class="hotspot-icon pp-icon icon-hotspot">&nbsp;</span>
        <span class="hotspot-label pp-icon icon-anime-left-arrow">article 5</span>
    </a>
    <a class="hotspot article-6-slide-2" href="#">
        <span class="hotspot-icon pp-icon icon-hotspot">&nbsp;</span>
        <span class="hotspot-label pp-icon icon-anime-left-arrow">article 6</span>
    </a>
</div>

Answer 1

这对你有用，我不知道这是正确的方法

   $('.hotspot').click(function() {
        $("a[name$='slide-2']").animate({right: "0"}, 500);
        return false;
    });

Answer 2

$('.hotspot').click(function() {
        $(this).animate({right: "0"}, 500);
        return false;
});

只需使用$(this)

Answer 3

您可以使用：

$(this).animate({right: "0"}, 500);

而不是

 $('...SLIDE-2').animate({right: "0"}, 500);

Answer 4

由于您要设置动画的元素也是您要点击的元素，因此您只需在此使用$(this)：

$(this).animate({right: 0}, 500);

顺便说一句，"周围不需要0。保存2个字节：P

如何使用类名的最后一部分来使用jquery进行目标

4 个答案: