我有一个带有示例类 tclick 的组件标签
<label class="btn btn-default tclick" data-tloc="value1" data-tkey="key1" >
<label class="btn btn-default tclick" data-tloc="value2" data-tkey="key2" >
<label class="btn btn-default tclick" data-tloc="value3" data-tkey="key3" >
每当点击标签的任何一个组件时,“checked”类将自动添加到标签中: 例如:
<label class="btn btn-default tclick checked" data-tloc="value1" data-tkey="key1" >
<label class="btn btn-default tclick checked" data-tloc="value2" data-tkey="key2" >
但我想在单击标签时准确获取数据-tloc、数据-tkey? 我喜欢代码 jquery,我需要一个解决方案?
最佳答案
$('label.tclick').click(function() {
$(this).addClass('checked');
var tloc = $(this).data('tloc'),
tkey = $(this).data('tkey');
console.log(tloc, tkey);
});
.checked { color: red; }
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<label class="tclick" data-tloc="value1" data-tkey="key1">Label1</label>
<label class="tclick" data-tloc="value2" data-tkey="key2">Label2</label>
<label class="tclick" data-tloc="value3" data-tkey="key3">Label3</label>
关于javascript - 使用 ajax 从带有示例类的多个元素获取数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37931427/