如何获取序列号

    <ul>
      <li> <img src="images/02.jpg" text="Deo | new life" pic="2"> <div>一个海岛</div></li>
      
      <li><img src="images/01.jpg" text="Handy Code| wonderfull pink" pic="1"> <div>一片麦穗</div></li>
      
      <li><img src="images/03.jpg" text="This is third | a leave" pic="3"> <div>一树绿叶</div></li>
      
      <li><img src="images/04.jpg" text="How big it is| good tree" pic="4"> <div>一棵大树</div></li>
      
      <li><img src="images/05.jpg" text="This is flowers | i like them" pic="5"> <div>一地葵花</div></li>
    </ul>


我想点击任意一个li ，然后获取他的序列号， 例如，我点击第一个li 那么返回 0， 点击第二个 返回 1.。。。


我用了  alert( $(this).eq() ); 的方式，好像不对，请教这个问题如何解决？？

$(this).index("li")

手册中的示例：
$('#bar').index('li'); //1，传递一个选择器，返回#bar在所有li中的做引位置

谢谢了，哈哈