jquery事件委托 ul>li>a 只想将li的事件委托到ul中，得到index

Question

最近在写前端代码时候，遇到一个问题，我的整个结构如下

---

<ul id = "myul">
    <li>
        <a>0.0</a>
        <a>0.1</a>
    </li>
    <li>
        <a>1.0</a>
        <a>1.1</a>
    </li>
    <li>
        <a>2.0</a>
        <a>2.1</a>
    </li>
    <li>
        <a>3.0</a>
        <a>3.1</a>
    </li>
    <li>
        <a>4.0</a>
        <a>4.1</a>
    </li>
</ul>

我想通过事件委托得到li的index索引号，但是并不是得到a标签的索引号。
我想要的结果是：如果我悬浮在1.0或是1.1上，那么得到的index应该为1；
但是我自己弄的总是得到的是a标签的索引号，怎么办？

Answer 1

你得使用.parent()

Answer 2

function handler(e){

    //而e.target则表示的是当前选中的子元素
    var $tar = $(e.target);
    if($tar[0].localName == "li"){
        var i = $tar.parent().children().index($tar);
    }else{
        var i = $tar.parent().index();
    }

}
这样就可以得到正确的li的索引了