我有以下 HTML 代码,其中 .spot-info
的 onclick
我想获取 data-test
的值。
<div class="spot" id="spot-1" data-test="12345">
<div class="spot-main">
<span>Test</span>
<a href="#" class="spot-info">view</a>
</div>
</div>
<div class="spot" id="spot-2" data-test="67891">
<div class="spot-main">
<span>Test</span>
<a href="#" class="spot-info">view</a>
</div>
</div>
请在下面查看我的 js 尝试:
$('.spot-info').click(function ( e ) {
e.preventDefault();
var test = $(this).parent().parent().data('data-test');
console.log(test);
});
此测试在控制台中记录 undefined
。我认为这可以检查 .spot-info
的父级的父级。
另外,有没有办法将很多 parent(0)
方法链接在一起而不是使用 jQuery。
最佳答案
请尝试使用 attr。另外,尝试使用“最接近”而不是两次引用父级:
$('.spot-info').click(function ( e ) {
e.preventDefault();
var test = $(this).closest('.spot').attr('data-test');
console.log(test);
});
关于javascript - 在父元素中使用 jQuery 获取数据属性的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38641343/