return 元素路径的好方法是什么？

Question

说我有一个按钮，但我不知道运行时间它在哪里。是否可以return按钮的位置？

编辑："button" 看起来像这样，还有更多与此相同的无序列表

<ul>
    <li><a href='#'><span>Add</span></a>
        <ul class="calendar-options">
            <li><a href='#' onclick="EventOne()"><span>One</span></a></li>
            <li><a href='#' onclick="EventTwo()"><span>Two</span></a></li>
            <li><a href='#' onclick="EventThree()"><span>Three</span</a></li>
        </ul>
    </li>
</ul>
<ul>
    <li><a href='#'><span>Add</span></a>
        <ul class="calendar-options">
            <li><a href='#' onclick="EventOne()"><span>One</span></a></li>
            <li><a href='#' onclick="EventTwo()"><span>Two</span></a></li>
            <li><a href='#' onclick="EventThree()"><span>Three</span</a></li>
        </ul>
    </li>
</ul>
<ul>
    <li><a href='#'><span>Add</span></a>
        <ul class="calendar-options">
            <li><a href='#' onclick="EventOne()"><span>One</span></a></li>
            <li><a href='#' onclick="EventTwo()"><span>Two</span></a></li>
            <li><a href='#' onclick="EventThree()"><span>Three</span</a></li>
        </ul>
    </li>
</ul>

Answer 1

将 'this' 传递给处理程序应该会为您提供被单击的元素。这是你想要的吗？

<script>
    function EventOne(el) { 
        // Do something with el
    }
</script>    

<ul>
    <li><a href='#'><span>Add</span></a>
        <ul class="calendar-options">
            <li><a href='#' onclick="EventOne(this)"><span>One</span></a></li>
            <li><a href='#' onclick="EventTwo(this)"><span>Two</span></a></li>
            <li><a href='#' onclick="EventThree(this)"><span>Three</span</a></li>
        </ul>
    </li>
</ul>

return 元素路径的好方法是什么？

What's a good way to return an element's path?

javascript

dynamic