javascript - jqueryセレクターにアクセスするテーブルからのアンカー

Question

次のように、ネストされたanchorタグにアクセスしたいと思います。jquery各アンカーを選択し、クリック イベントを追加します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

以下を使用してアンカー タグを選択します。

$("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
 });