Question

我正在尝试一些简单的方法，我在jquery中相当菜鸟，并且当您单击span标记内的标记时，我不知道如何创建click事件，这是我的代码。

<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

您提供的标记没有ID为“ table_id_paginate”的元素。因此jQuery之所以选择链接，是因为jQuery正在寻找a类的paginate_button元素，它们是span的直接后代，而$(".paginate_button").click(...)是具有该ID的元素的直接后代。

因此，如果您将代码更改为Tim Lewis的评论方式：Net::Stomp::Client，则该代码有效。

Answer 2

只需进行此更改即可使其生效，基本上，您希望任何具有<a>类的.paginate_button标签都可以在点击时工作。

<script>
$("span > a.paginate_button").click(function() {
alert("Handler for .click() called.");});
</script>

编辑： 如何处理这些：找出目标元素，然后继续向上移至父元素成为您的目标。

Answer 3

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

jQuery中<span>标记内<a>标记上的click事件

3 个答案: