<a><span>jquery 中標簽內標簽</span></a>上的點擊事件

Question

我正在嘗試一些簡單的事情，我在 jquery 中很菜鳥，當您單擊跨度標記內的 a 標記時，我不知道如何進行單擊事件，這是我的代碼。

<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 正在選擇鏈接，因為它正在尋找a class paginate_button的元素，這些元素是具有該 ID 的元素的直接后代的span的直接后代。

因此，如果您將代碼更改為 Tim Lewis 評論的方式： $(".paginate_button").click(...)代碼有效。

Answer 2

只需進行此更改即可使其正常工作，基本上您希望任何帶有.paginate_button class 的<a>標記都應該在單擊時起作用。

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

編輯：如何 go 關於這些：找出目標元素，然后繼續向父元素前進，這將成為您的目標。

Answer 3

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