jq获取同一类名的但处于不同父元素下的当前元素的索引值

今天遇到了一个小坑，关于jQuery的 index()的，分享一下。
先看一下菜鸟教程的定义：

获得被点击的li元素相对于它的同级元素的 index：

$("li").click(function(){
    alert($(this).index());
});

也就是说，如果两个父类元素下面都有一个li标签。分别点击两个li标签，弹出的index都是0。

<ul class='1'>
    <li>Coffee</li>
</ul>
<ul>
    <li>Coffee</li>
</ul>

但是有时候我们需要的是，当点击第一个li时，弹出0，点击第二个时，弹出1。
只需要这样写就可以了：

$("li").click(function(){
    alert($("li").index(this));
});