jq index()用法

最新推荐文章于 2022-12-26 11:47:38 发布

qq_31459039

最新推荐文章于 2022-12-26 11:47:38 发布

阅读量196

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_31459039/article/details/90441235

版权

前端专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <meta charset="UTF-8">
    <title>元素选择器</title>
</head>
     
 
<body>
    <ul>
        <li>
            1
        </li>
        <li>
            2
        </li>
        <li>
            3
        </li>
        <li>
            4
        </li>
    </ul>

    <script type="text/javascript">
        $(function(){
            $("ul li").on("click",function(){
                var ind = $(this).index();
                alert(ind);
                $("ul li").removeClass("current");
                $(this).css("background-color","yellow");
            })
        }
    </script>
</body>
</html>