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);
});

最好使用 aclass来具体化，以便事件与预期元素绑定，而不是页面上的任何 a。您可以为要绑定单击事件的元素分配一个类，并使用类选择器来绑定事件。

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

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

Answer 2

您可以使用this. 例如：

$('a').click(function(){
    alert($(this).text()); //displays the clicked element's text.
});

Answer 3

绑定锚标签

$('ul li a').on('click',function(){

    alert($(this).text()); //This will give the text
    alert(this.id); //This will give you the id if you have id for anch tag.

});

绑定li

$('ul li').on('click',function(){

    alert($(this).text()); //This will give the text of anchor ta in your case
    alert($(this).index()); //This will give you the index of li with respect to its siblings.

    });