Javascript句柄2数据属性
我需要像<div id="userlist" data-user="A.A.M"></div>一样在html中使用数据属性，然后我需要警告我使用的数据用户。
var userlist = document.getElementById("userlist");
var show = userlist.getAttribute("data-user");
alert(show);我的问题是如何处理html中的许多数据用户，如
<div id="userlist" data-user="A.A.M"></div> <div id="userlist2" data-user="A.A.M2"></div>提醒A.A.M和A.A.M2
提前谢谢，对不起我的英语不太好。
回答 3
Stack Overflow用户
发布于 2014-06-01 02:41:35
你知道如何提醒1，警报2：
同时发出警报：
var data1 = document.getElementById("userlist").getAttribute("data-user");
var data2 = document.getElementById("userlist2").getAttribute("data-user");
var data = data1 +"\n" + data2; //"\n" can be other separators you like
alert(data)如果您有很多js代码，则可以在任何其他js代码之前使用jQuery:将其添加到您的js代码中。
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>然后：
$("div[id^=userlist]").each(function(){
alert($(this).attr("data-user"));
});Stack Overflow用户
发布于 2014-06-01 02:43:30
您可以按属性选择元素。
$("div[data-user]").each(function() {
var user = $(this).data("user");
alert(user);
});如果每个元素有多个属性(<div data-user='something' data-another='another'></div>)，也可以以相同的方式访问这些属性：
$("div[data-user]").each(function() {
var user = $(this).data("user");
var another = $(this).data("another");
alert(user + ", another: " + another);
});Stack Overflow用户
发布于 2014-06-01 02:41:36
在这两种情况下都调用getElementById应该有效。如果您想迭代，可以尝试使用getElementsByTagName或getElementsByClassName。如果要选择属性data-user的任意元素，可以使用querySelectorAll或签出jQuery，并使用$("[data-user]")作为选择器。
这能回答你的问题吗？
https://stackoverflow.com/questions/23976288
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号