jquery - 如何检测从多个相同元素中单击的元素

Question

我有很多具有相同标签的元素，如下所示:

<ul>
  <li>
    <a>1</a>
    ...
  </li>
  <li>
    <a>2</a>
    ...
  </li>
  <li>
    <a>3</a>
    ...
  </li>
  ...
</ul>

用户可以单击任何元素。如何检测用户点击的元素？ (我之前不知道元素的数量。我可以是五个或那里或任何数字)。

谢谢

Answer 1

您可以使用$(this)或this来引用事件源。

$('a').click(function(){
  alert($(this).text());
  alert(this.innerText);
});

最好使用类来具体说明，以便事件与预期元素绑定(bind)，而不是与页面上的任何a绑定(bind)。您可以为要绑定(bind)单击事件的元素分配一个类，并使用 class selector绑定(bind)事件。

<a class="myclass">1</a>

$('.myclass').click(function(){
    alert($(this).text());
    alert(this.innerText);
});