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

尝试

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

Answer 4

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

Answer 5

哟也可以试试这个：

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

jquery选择器 - 从表中访问锚点

5 个答案: