javascript - 使用 Jquery 的 div 中存在的所有控件的 onclick 事件？

Question

我正在使用 Jquery 数据表。如何为 div 标签中的所有标签执行 onclick 事件。现在 onclick 事件正在为 div 内的 anchor 标记工作。但是对于具有跨度的 anchor 标记。请帮我解决这个问题。提前致谢。

这是我的 Jquery 和 HTML 代码:

 $(function () {
                $('body').on('click', '#myDataTable_paginate a', function () {
                    alert("Inside");
            });

<div id="myDataTable_paginate" class="dataTables_paginate paging_full_numbers">
        <a id="myDataTable_first" class="first paginate_button paginate_button_disabled" tabindex="0">First</a>
        <a id="myDataTable_previous" class="previous paginate_button paginate_button_disabled" tabindex="0">Previous</a>
        <span>
    <a class="paginate_active" tabindex="0">1</a>
    <a class="paginate_button" tabindex="0">2</a>
    <a class="paginate_button" tabindex="0">3</a>
    <a class="paginate_button" tabindex="0">4</a>
    <a class="paginate_button" tabindex="0">5</a>
    </span>
        <a id="myDataTable_next" class="next paginate_button" tabindex="0">Next</a>
        <a id="myDataTable_last" class="last paginate_button" tabindex="0">Last</a>
        </div>
           </div>

Answer 1

只需将点击事件绑定(bind)到 div myDataTable_paginate"，如下所示:

$("#myDataTable_paginate").click(function(e){
   alert(e.target.id);
});

正如您在我放在 fiddle 中的警报中看到的那样，您可以通过 e.target.id 获取被点击对象的 ID。

如果想获取某个标签的内容，比如页码，也可以用e.target.innerHTML获取值

Here is a fiddle