什么是返回元素路径的好方法?

时间:2015-03-18 14:42:04

标签: javascript dynamic

说我有一个按钮,但我不知道它在运行时的位置。是否可以返回按钮的位置?

编辑:"按钮"看起来像这样,并且有更多无序列表与此

相同
<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>

1 个答案:

答案 0 :(得分:0)

将'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>