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

最好使用class具体，以便事件与目标元素绑定，而不是页面上的任何元素。您可以将类分配给要绑定click事件的元素，并使用class selector绑定事件。

<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.

    });

如何检测从许多相同元素中单击的元素

3 个答案: