如何用jquery抓取tbody下的第一个tr的最后一个td里面的第一个a标签

表格大概就是这样<tbody><trclass='tr_"+i+"'><tdclass='name'>name"+i+"</td><tdclass='info'>info... 表格大概就是这样
<tbody>
<tr class='tr_"+ i+ "'>
<td class='name'>name"+ i+ "</td>
<td class='info'>info"+ i+ "</td>
<td><a></a><a></a><a></a></td>
</tr>
后面几行也是一样的
</tbody>
展开
 我来答
learneroner
高粉答主

2015-06-05 · 关注我不会让你失望
知道大有可为答主
回答量:1.1万
采纳率:91%
帮助的人:6526万
展开全部

使用jquery提供的两个选择器实现:

  • :first 选择器选取第一个元素

  • :last 选择器选取最后一个元素。

因此,抓取tbody下的第一个tr的最后一个td里面的第一个a标签可以使用如下代码:

$("table tr:first td:last a:first");

实例演示:隐藏tbody下的第一个tr的最后一个td里面的第一个a标签

  1. 创建Html元素

    <div class="box">
    <span>点击按钮隐藏第一个a标签:</span><br>
    <div class="content">
    <table>
    <tbody>
    <tr><td>打酱油</td><td>打酱油</td><td><a>第1个a标签</a><a>第2个a标签</a><a>第3个a标签</a></td></tr>
    <tr><td>打酱油</td><td>打酱油</td><td>第1个a标签</a><a>第2个a标签</a><a>第3个a标签</td></tr>
    <tr><td>打酱油</td><td>打酱油</td><td>打酱油</td></tr>
    </tbody>
    </table>
    </div>
    <input type="button" value="隐藏第一个a标签">
    </div>
  2. 设置css样式

    div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
    div.box span{color:#999;font-style:italic;}
    div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
    table{border-collapse:collapse;}
    td{height:30px;line-height:30px;padding:5px; text-align:center;border:1px solid green;}
  3. 编写jquery代码

    $(function(){
    $(":button").click(function() {
    $("table tr:first td:last a:first").hide();
    });
    })
  4. 观察效果

  • 初始样式

  • 点击按钮隐藏第一行最后一列第一个a标签

狄行云
2012-09-04 · 超过30用户采纳过TA的回答
知道答主
回答量:69
采纳率:0%
帮助的人:61.6万
展开全部
$("tbody").find("tr:first").find("td:last").find("a:first")
或者
$("tbody>tr:first>td:last>a:first")
追问
我是想抓那个a标签然后让他display为none,可是为什么我用了你的方法无法实现这个功能呢?我也知道你写出来的这方法应该是对的,毕竟这也不是多难的问题,可是我就是实现不了功能啊。
追答
你的js是不是在页面加载的时候执行的?如果是的话,你可以试着将代码移到页面最下面。或者将代码放到
$(function(){
//放到这里
})
试试
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
sihaoshashidi
2012-09-11
知道答主
回答量:24
采纳率:0%
帮助的人:3.6万
展开全部
hjghjhgj
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式