jquery中<span>标签内<a>标签上的点击事件

Question

我正在尝试一些简单的事情，我在 jquery 中很菜鸟，当您单击 span 标签内的标签时，我不知道如何进行单击事件，这是我的代码。

<span>

    <a class="paginate_button current" aria-controls="table_id" data-dt-idx="1" tabindex="0">1</a>

    <a class="paginate_button " aria-controls="table_id" data-dt-idx="2" tabindex="0">2</a>

    <a class="paginate_button " aria-controls="table_id" data-dt-idx="3" tabindex="0">3</a>

    <a class="paginate_button " aria-controls="table_id" data-dt-idx="4" tabindex="0">4</a>

</span>

我试过这个，但它不起作用

$("#table_id_paginate > span > a.paginate_button").click(function() {

alert("Handler for .click() called.");});

Answer 1

只需进行此更改即可使其工作，基本上您希望任何<a>带有.paginate_button类的标签都应该在点击时工作。<script>$("span > a.paginate_button").click(function() {alert("Handler for .click() called.");});</script>编辑： 如何解决这些问题：找出目标元素，然后继续朝着父元素前进，这将成为您的目标。

Answer 2

$("a.paginate_button").on("click", function () {&nbsp; &nbsp; &nbsp;//your code here})