Событие клика по тегу <a>внутри тега <span>в jquery

Question

Я пытаюсь сделать что-то простое, я совершенно ноб в jquery, и я не знаю, как создать событие click, когда вы щелкаете тег, который находится внутри тега 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

В разметке, которую вы указали, нет элемента с идентификатором "table_id_paginate".Поэтому jQuery выбирает ссылки, потому что ищет элементы a с классом paginate_button, которые являются прямыми потомками span, который является прямым потомком элемента с таким идентификатором.

Так что есливы меняете код так, как прокомментировал Тим Льюис: $(".paginate_button").click(...) код работает.

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
})