Question

我正在制作菜单，为此我使用jquery来显示数据。

我想让它变得更有活力，为此我使用each()函数

的代表性示例

正如您所看到的那样，单击会显示无序列表的所有列表项，并且不希望我想要。我想点击<li>

我希望有人有一个简单的解决方案吗？

Answer 1

你的意思是这样吗？

$(document).ready(function() {
    $('ul > li').click(function() {
        alert($(this).text());
    });
});

http://jsfiddle.net/4r5cLy00/1/

Answer 2

这是您在此实例中使用事件委派的方式。这是一个很好的做法，每个JS程序员都应该使用它。优点是您只绑定一个事件，并获得更好的性能。在这里阅读更多内容：

http://bdadam.com/blog/plain-javascript-event-delegation.html

＆＃13;

$('ul').click(function(event) {
  if (event.target.tagName == 'LI') {
    console.log(event.target.innerText);
  }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li>item 1</li>
  <li>item 2</li>
  <li>item 3</li>
</ul>

＆＃13;

如何使用jQuery获取每个元素的索引的每个函数

2 个答案: