data-id jquery 获取方法

2025-10-28 03:46:30

1、data-id就是个你自己设置的属性,比如你的节点是这样一个节点:

<img src="/i/eg_smile.gif" data-id="100" />

那么

 var dataId = $("img").attr("data-id");

就获取到你设置的属性直 100

data-id jquery 获取方法

2、反过来如果你要设置值的话,就这样写:

$("img").attr("data-id","180");

data-id jquery 获取方法

3、完整代码:

<html>

<head>

<script type="text/javascript" src="/jquery/jquery.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $("button").click(function(){

    $("img").attr("data-id","180");

  });

});

</script>

</head>

<body>

<img src="/i/eg_smile.gif" data-id="100" />

<br />

<button>设置图像的 data-id 属性</button>

</body>

</html>

data-id jquery 获取方法

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢