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

Question

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

这是我的 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

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

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<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 2

只需将点击事件绑定到 div myDataTable_paginate”，如下所示：

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

正如你在我放在 fiddle 中的警报中看到的，你可以通过 e.target.id.

获取被点击对象的 ID

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

获取值

Here is a fiddle

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

Onclick event for all the control present inside the div using Jquery?

javascript

jquery

css

jquery-datatables