js——获取data-id 的值

最新推荐文章于 2024-09-25 11:23:23 发布
最新推荐文章于 2024-09-25 11:23:23 发布
阅读量3.8k 收藏 1
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Sunshine0508/article/details/98076628
版权

js

document.getElementById('fun').dataset.appId = 'hsfun' // <div data-app-id="hsfun"></div>
var f2 = document.getElementById('fun').dataset.appId // hsfun

jquery

var f1 = $(this).data('id');
var f2 = $(this).attr('data-id');

 

Sunshine0508
关注
专栏目录
设置获取data-*属性值
a97156000的博客
08-15 983
html代码如下： <div id="getId" data-id="122" data-vice-id="11">获取id</div > 需要获取的就是data-id和dtat-vice-id的值 一：getAttribute()方法 const getId = document.getElementById('getId'); ...
HTML5+CSS大作业——传统节日--圣诞节(3页)
12-01 1053
HTML5+CSS大作业——传统节日–圣诞节(3页) 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载! 获取更多源码 PC电脑端关注我们 ????作者主页-更多源码 ????HTM
js——如何获取data-id中的值
肖的博客
08-17 3万+
转载出处：https://blog.csdn.net/ke3863834/article/details/76944265 一般data-id用于一些菜单栏的匹配，例如下面这个： 12 //一级菜单 &amp;amp;lt;div class=&amp;quot;wrap&amp;quot; id=&amp;quot;test&amp;quot;&amp;amp;gt; &amp;amp;lt;
JS 取 data-id 属性产生的问题
m0_55385983的博客
09-25 317
在列表操作列开发的时候，为每条数据都分配对应的id，获取对应的操作按钮，于是我将需要的值赋给 data-id 属性，并使用JavaScript 来取这个属性。
js获取data-*属性值，及赋值
weixin_40030173的博客
05-19 1万+
js获取data-*属性、及设置赋值，此处以a标签为例： <a href="javascript:;" data-id="2020" id="demo0">data0</a> <a href="javascript:;" data-name-id="202005" id="demo1">data1</a> <a href="javascript:;" id="demo2">data2</a> 一、jq获取data属性值的两种方法：
JS实现获取自定义属性data值的方法示例
12-29
本文实例讲述了JS实现获取自定义属性data值的方法。分享给大家供大家参考，具体如下： HTML部分： <div id=tree data-leaves=47 data-plant-height=2.4m></div> js部分： var tree = document.getElementById(tree); //getAttribute()取值属性 console.log(tree.getAttribute(data-leaves)); console.log(tree.getAttribute(data-plant-height)); //setAttri
js 获取data-属性值
weixin_33754913的博客
05-14 736
// html code <span class="1pc_price" data-price="<?php echo Country::change('$29.95',$money_type) . "<br/>Download Instantly"; ?>"></span>// js codevar price_1pc_hb = docume...
JS JQuery获取data-*属性值方法解析
10-14
例如，要获取`data-id`的值，可以这样写： ```javascript const getId = document.getElementById('getId'); console.log(getId.getAttribute("data-id")); // 输出: 122 ``` 同样，`setAttribute()`方法可以...
前端——》ant-design-vue组件的使用之一（a-checkbox-group多选框的赋值与取值）
叙传
07-01 7129
效果 如图所示，这是一个弹窗，弹窗中是多选框。而且不仅包含了多选框，还包含了时间组件 实现代码 页面 <template> <c-modal title="资质" centered :destroyOnClose="true" :visible="visible" :loading="loading" :confirmLoading="confirmLoading" @ok="handleSubmit" @cancel=
学生DW网页设计作业成品-HTML5+CSS大作业——传统节日--圣诞节(3页)
qq_524614081的博客
12-02 2101
HTML5+CSS大作业——传统节日–圣诞节(3页) 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载! 获取更多源码 PC电脑端关注我们 ????作者主页-更多源码 ????HTM
【jQuery】data-id和id的区别
DomCode
11-03 3149
data-id和id的区别 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &
JS获取自定义属性data值
热门推荐
kongjunchao159的博客
08-06 5万+
var tree = document.getElementById("tree"); //getAttribute()取值属性 console.log(tree.getAttribute("data-leaves")); console.log(tree.getAttribute("data-plant-height")); //setAttribute()赋值属性 tree.setA
jquery通过data-id值获取相应li标签
qq_27487739的博客
05-11 1037
这行代码将使用选择器 `li[data-id="2"]` 选取所有具有 `data-id` 属性且该属性的值为 `2` 的 `li` 标签，并使用 jQuery 对象 `li` 来存储它们。请注意，如果您的 `data-id` 属性的值不是唯一的，则该代码将选择所有匹配的 `li` 标签。您可以使用 jQuery 的 `data` 方法和选择器来获取具有特定 `data-id` 值的 `li` 标签。这将仅选取第一个符合条件的 `li` 标签，并将其存储在 jQuery 对象 `li` 中。
vue 对象里面有id属性_在Vue中获取自定义属性方法:data-id的实例
weixin_39559750的博客
12-19 1812
获取自定义属性的方法：第一步：首先在标签上绑定上@click="getDateId(item.id)",并将属性值传到绑定的事件里面第二步：在标签上继续绑定：date-id = "item.id"属性第三步：在里面的属性methods里面添写上事件函数 getDateId(id){} 在事件函数里面获取id的值即可methods: {getDataId(id) {console.log(id);}...
获取data-id值
精哥哥
01-24 2082
$('.log').on('click', function() { var id= $(this).data("id"); console.log(id) }) &lt;a class="log" data-id="{$this-&gt;id}"&gt;运行记录&lt;/a&gt;  
Vue.js获取data-*的值
程麒阁的博客
07-27 8961
data-* 这个属性熟悉JS的小伙伴都知道，data-*是一个自定义属性，它的功能是视图层往js传递我们想要传的数据。我们的JS可以控制视图层，但是我们往往需要用户操作视图层，逻辑层也能够获取用户的交互值，这个时候我们就需要data-*属性了 获取普通数据 我们的js数据类型大体上可分为，数字类型，字符类型，布尔值类型，对象类型。其实还有undefined和null 我把数字类型，字符类型，布尔值类型成为普通数据类型，我们接下来分别演示 静态获取 静态获取指的是我们的data-*是写死的，不是动态的 ht
微信小程序开发之——调查问卷-编写表单页面(2.2.2)
最新发布
10-10
<input type="text" id="name" bindinput="handleInput" /> ``` 2. **绑定事件处理函数**：通过`bindinput`属性，给表单元素绑定对应的JavaScript函数（如上述的`handleInput`），以便处理用户输入变化并保存数据...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值