jquery在click事件上迭代list元素

时间:2013-06-27 18:00:19

标签: jquery

我有一个列表,我希望为每个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 (?)
     });
  });

2 个答案:

答案 0 :(得分:1)

只是做:

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

您无需在li上使用每次迭代。您只需要一个选择器,同时注册click事件,然后使用普通元素属性this.innerHTML或jquery方法$(this).text()$(this).html()

进行访问

<强> Demo

答案 1 :(得分:0)

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