首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jquery选择器-从with table访问锚点

jquery选择器-从with table访问锚点
EN

Stack Overflow用户
提问于 2013-05-21 19:28:49
回答 5查看 2.2K关注 0票数 0

我想访问jquery中嵌套的anchor标记,如下所示。我想在jquery中选择每个锚并为其添加一个单击事件。

代码语言:javascript
运行
复制
<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>

EN

回答 5

Stack Overflow用户

发布于 2013-05-21 19:30:03

使用以下方法选择锚点标记:

代码语言:javascript
运行
复制
$("table #detailsdiv a")

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

代码语言:javascript
运行
复制
$("table #detailsdiv a").on("click", function() {
    //use this to select the element that has been clicked
    $(this);        

    //Do click functionality here
});

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

代码语言:javascript
运行
复制
 $("table #detailsdiv a").click(function() {
     //use this to select the element that has been clicked
     $(this);         

     //Do click functionality here
 });
票数 3
EN

Stack Overflow用户

发布于 2013-05-21 19:32:25

试试这个:

代码语言:javascript
运行
复制
$('#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..
});
票数 2
EN

Stack Overflow用户

发布于 2013-05-21 19:34:07

试一试

代码语言:javascript
运行
复制
  $("#detailsdiv a").click(function() {
            // add function  And
            $(this) // add function for clicked tag
        });
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16668894

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档