jquery获取当前元素的子元素的自定义属性值

最新推荐文章于 2024-04-15 20:23:43 发布

giveMe_Five

最新推荐文章于 2024-04-15 20:23:43 发布

阅读量1.3w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： DOM 文章标签： dom操作

本文链接：https://blog.youkuaiyun.com/giveMe_Five/article/details/79770536

DOM 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何使用jQuery获取自定义属性值、遍历元素的子元素并读取其自定义属性，通过具体示例展示了基本的jQuery用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.获取自定义属性值

简单直接可以$.attr("data-id");

2.获取当前元素的子元素

$("id").children()可以返回所有的子元素,孙子,重孙子一级的都不会获取.

$("id").find() 会将所有的子级包含孙子级都获取 ,所有不建议使用 ;

3.获取元素的子元素的自定义属性值呢?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="./plugins/jQuery/jquery-2.2.3.min.js"></script>
    <title>好日子</title>
</head>
<body>
    <ul id="u">
        <li data-id="1"></li>
        <li data-id="2"></li>
        <li data-id="3"></li>
        <li data-id="4"></li>
    </ul>
</body>
<script>
    var id = 0;
    for(var i=0 ;i<num;i++){
         id = $("#u").children().eq(i).attr("data-id");
        console.log(id)
    }
// 或者 (都是便利的思想)
    $("#u").children().each(function () { 
        id = $(this).attr("data-id");
     })
</script>
</html>
 