jQuery获取HTML标签自定义属性值或data值

怎奈你何

于 2021-08-22 16:48:48 发布

阅读量572

点赞数

分类专栏： jquery js

原文链接：https://www.cnblogs.com/agansj/p/8576216.html

版权

js 同时被 2 个专栏收录

17 篇文章 1 订阅

订阅专栏

jquery

9 篇文章 0 订阅

订阅专栏

本文介绍如何使用JavaScript获取HTML元素的value属性值，以及如何处理带有自定义data属性的数据。通过实例演示了如何分别从`<div>`标签中提取标准和自定义属性，并展示了在现代前端开发中的应用。

摘要由CSDN通过智能技术生成



//获取属性值1 

<div id="text" value="中国北京"></div>

$("#text").attr("value");

 

//获取自定义属性值2 

<div id="text" value="123"  data_obj="中国北京”></div>

$("#text").attr("data_obj");

 

//获取data值3

<div id="text"  value="123" data-name="中国北京"></div>

$("#text").data("name");   //注意这里的写法