我有类似以下情况的情况:
<div id="block">
<span data-type="a">a</span>
<span data-type="b">b</span>
<span data-type="c">c</span>
</div>
当单击其中一个跨度时,我想返回数据类型。我试着做:
$('#block').on('click', function(event) {
var text = $('#block').data('type');
return text;
});
但是,它总是以未定义形式返回。是否知道为什么会这样/正确的解决方案是什么?谢谢
最佳答案
这是因为您的div #block
没有data-type
标记,而span
有。因此,处理跨度的click事件。
$('#block span').on('click', function(event) {
var text = $(this).data('type');
console.log(text);
});