jquery - jquery用点击事件迭代列表元素

Question

我有一个列表，我想为每个 li 附加一个单击，尽管我无法使其正常工作，例如下面的示例。请帮忙！？谢谢，

 <ul>
   <li>a</li>
   <li>b</li>
   <li>c</li>
   <li>d</li>
 </ul>


 $('li').each(function () {
     $(this).click(function (e) {
        // access the letter - not sure how to do this (?)
     });
  });

Answer 1

做就是了：

$(function(){
     $('li').click(function (e) {
        alert(this.innerHTML);  // not sure how to access this (?)
     });
});

您不需要在li. 您只需要一个选择器，同时注册点击事件，然后使用普通元素属性this.innerHTML或 jquery 方法访问，$(this).text()或者$(this).html()

演示

Answer 2

$('li').click(function (e) {
    $(this).text(); 
 });