javascript - 单击标签时显示警报 - Jquery

Question

我的 HTML 代码:

<td id ="tdtest">
    <a id="atest" href="#">
         <span id="spantest">Show</span>
    </a>
</td>

和 Jquery :

$(document).ready(function () {

    $("#tdtest #atest").on('click',function(){
        alert ("Success !!!");

    })
}

但是当我点击“显示”时，它不起作用。

Answer 1

您不能拥有独立的 <td>没有表格和表格行围绕它。一旦您编写了有效的标记，它就会起作用:

$("#tdtest #atest").on('click',function(){
    alert ("Success !!!");
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tr>
  <td id="tdtest">
    <a id="atest" href="#">
      <span id="spantest">Show</span>
    </a>
  </td>
</tr>
</table>

正如其他答案中所建议的，ID 已经是 DOM 元素的唯一标识符，因此实际上不需要在选择器中使用两个 id，甚至可能会在内部减慢找到正确节点的速度。