Javascript 我有很多数据元素,但如何才能获得所有这些数据元素?

Javascript 我有很多数据元素,但如何才能获得所有这些数据元素?,javascript,html,Javascript,Html,就这样, //使用jquery我已经尝试过了 $('body')。数据('self');//未定义 $('body')。数据('date-self')//未定义 //但是我可以使用这个方法来获取定义的元素 $('button')。数据('self');//自己 //使用javascript document.querySelector('button').dataset.self//self 自己 跨越自我 li1 self li2 self 按钮自身 您只需对它们进行迭代即可 var

就这样,

//使用jquery我已经尝试过了
$('body')。数据('self');//未定义
$('body')。数据('date-self')//未定义
//但是我可以使用这个方法来获取定义的元素
$('button')。数据('self');//自己
//使用javascript
document.querySelector('button').dataset.self//self

自己
跨越自我
  • li1 self
  • li2 self
按钮自身
您只需对它们进行迭代即可

var $elems = $('[data-self]');
var selfs = [];
$elems.each(function ($elem) {
  selfs.push($elem.data('self'));
});

首先,你的HTML是无效的<代码>日期自我可能应该是数据自我,是吗

其次,使用
.data()
方法获取
数据-*
属性中的值:

var dataSelf = $(".elem").data("self");
也可以直接从属性中获取,如下所示:

var dataSelf = $(".elem").attr("data-self");
选择具有
数据自身
属性的元素如下所示:

var elementsWithDataSelf = $("[data-self]");

使用此查询可以获取设置了“数据自身”属性的所有元素:

var elementList=document.querySelectorAll('[data-self]');
如果需要选择“数据自身”属性等于某个值的所有元素,则可以使用下一行:

var elementList=document.querySelectorAll('[data-self="something"]');