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

Answer 2

試試這個：

$('#detailsdiv a').click(function(event){ 

    // Cancel the default action (navigation) of the click. 
    event.preventDefault(); 

    // You can get the id of clicked link 
    alert(this.id); 

    // Your code goes here.. 
}); 

Answer 3

$('table tr th a').each(function(){ 
    $(this).click(function(e){ 
     e.preventDefault(); 
     //your function here; 
    }); 
}); 

Answer 4

嘗試

$("#detailsdiv a").click(function() { 
      // add function And 
      $(this) // add function for clicked tag 
     }); 

Answer 5

呦也可以試試這個：

$('table #detailsdiv a').click(function(e){ 
    alert(this.id); 
});