jq给元素动态添加id

最新推荐文章于 2024-08-17 11:34:31 发布

酷jjs

最新推荐文章于 2024-08-17 11:34:31 发布

阅读量1.1w

点赞数 1

分类专栏：前端笔记 jquery 文章标签： jq

本文链接：https://blog.csdn.net/qq_32584661/article/details/53817497

版权

前端笔记同时被 2 个专栏收录

165 篇文章

订阅专栏

jquery

32 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jq给元素动态添加id</title>
    <script src="js/jquery-1.11.1.js"></script>
</head>
<body>

<ul>
    <li class="box"></li>
    <li class="box"></li>
    <li class="box"></li>
    <li class="box"></li>
    <li class="box"></li>
    <li class="box"></li>
    <li class="box"></li>
    <li class="box"></li>
    <li class="box"></li>
    <li class="box"></li>
</ul>

    <script>
        $(".box").each(function(){
            $(this).attr('id',"box"+$(this).index());
            $(this).text("box"+$(this).index())
        })
    </script>
</body>
</html>