jquery如何动态获取选中标签的索引

问题描述

问 题

HTML

        <div class="page_list">
            <li class="page_direction page_left"></li>
            <div class="page_li">
                <li class="pageli on">1</li>
                <li class="pageli">2</li>
                <li class="pageli">3</li>
                <li class="pageli">4</li>
            </div>
            <li class="page_direction page_right"></li>
        </div>

js

var pageLi = $('.pageli')

next_page.click(function () {
        if (index < 4) {
            index += 1
            // pageLi[index-1].addClass("on").siblings().removeClass("on")
            console.log(pageLi[index-1])
        }
    })

点击事件正常，pageLi[index-1]获取到的是原生的DOM节点，JQ该如何获取？
由index值来进行索引，这是一个上一页下一页的点击事件

查了一些方法，.next()不行，没法加上index值

解决方案

var pageLi = $('.pageli')
next_page.click(function () {
    if (index < 4) {
        index += 1
        pageLi.eq(index-1).addClass("on").siblings().removeClass("on");
        // 或者..
        // pageLi.find('.on').removeClass("on").next().addClass('on');
        console.log(pageLi[index-1])
    }
})

这篇关于jquery如何动态获取选中标签的索引的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！