javascript - 使用 ajax 从带有示例类的多个元素获取数据

Question

我有一个带有示例类 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，我需要一个解决方案？

Answer 1

$('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>