如何通过其索引选择DOM元素

贾努斯·比拉泽夫斯基

我有带有导航按钮的滑块,并且当用户将鼠标悬停在按钮上时,我想显示正确的图像(幻灯片)。所以我用index()来计算悬停按钮的数量

var slideNr = $('.slidermenu li').index($('.activeslide'));

我检查了值,这工作正常。当我想将类(显示正确的图像)“ activeimg”添加到具有与按钮相同索引的img时,我的问题就开始了。

$('.sliderimage :eq(slideNr)').addClass("activeimg");

我尝试了:eq和:get,两个didint都想工作,有什么想法吗?

编辑:

的HTML

<div class="sliderimage">
<img src="img.jpg">
<img src="imga.jpg">
<img src="imgb.jpg">
<img src="imgd.jpg">
<img src="imgc.jpg">
</div>

<div class="slidermenu">
          <ul>
            <li>button1</li>
            <li>button2</li>
            <li>button3</li>
            <li>button4</li>
            <li>button5</li>
          </ul>

JS

    $(".slidermenu li").hover(

    function () {
        clearInterval(timer);
            $('.slidermenu ul :not(this)').removeClass("activeslide");
            $(this).addClass("activeslide");
            var slideNr = $('.slidermenu li').index($('.activeslide'));
 ----problem-------------
            $('.sliderimage img :not(:eq(slideNr))').removeClass("activeimg");
            $('.sliderimage :eq(slideNr)').addClass("activeimg");
 -----------------
    },
    function () {
        timer = setInterval( slidedown, 3000);
    }
萨加斯人

我更喜欢使用eq函数。
根据jQuery文档:

给定一个表示一组DOM元素的jQuery对象,.eq()方法从该元素集中的一个元素构造一个新的jQuery对象。提供的索引标识此元素在集合中的位置。

$('.sliderimage').eq(slideNr).addClass("activeimg");

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章