javascript - jquery 选择器从表中访问 anchor

Question

我想在我的 jquery 中访问 anchor 标签，嵌套如下。我想选择每个 anchor 并在 jquery 中向其添加点击事件。

<table id="table1">
<tr>
    <th>Tags</th>
    <th>ID</th>
    <th>Batch ID</th>
    <th>Source</th>
    <th>Date</th>
    <th>Details
        <div id="detailsdiv">
         <a href="#" id="default">Default</a>&nbsp;|&nbsp;
         <a href="#" id="wrap">Wrap</a>
        </div>
    </th>
    <th>Account Name</th>
    <th>Col15</th>
    <th>Col16</th>
    <th>Col17</th>
    <th>Col18</th>
  </tr>

Answer 1

使用以下方法选择 anchor 标签:

$("table #detailsdiv a")

并使用 .on() 应用点击功能方法:

$("table #detailsdiv a").on("click", function() {
    //use this to select the element that has been clicked
    $(this);        

    //Do click functionality here
});

或者，您也可以使用 .click()直接使用 jQuery 方法:

 $("table #detailsdiv a").click(function() {
     //use this to select the element that has been clicked
     $(this);         

     //Do click functionality here
 });