在表格中单击其中的某一行产生一个js单击事件,怎么样在js获取这一行的某一个td的数据?

本人在js方面是菜鸟,高手请写上源代码...谢谢!... 本人在js方面是菜鸟,高手请写上源代码...谢谢! 展开
 我来答
stlwdybb
2017-08-17 · TA获得超过329个赞
知道小有建树答主
回答量:269
采纳率:71%
帮助的人:71.3万
展开全部

先说思路:

当点击某一行的时候,能得到这个tr的对象,可以通过这个对象得到该行的所有td对象,这时候可以通过一个序号来获取这一行的某个td的数据。

下面以代码来解释

<table id="tb">
    <tr>
        <td>a</td><td>b</td><td>c</td>
    </tr>
    <tr>
        <td>aa</td><td>bb</td><td>cc</td>
    </tr>
</table>

<script>
    //以jquery为例实现点击某行获得某个td的数据
    $( "#tb tr" ).click( function() {//给每行绑定了一个点击事件
        var td = $( this ).find( "td" );//this指向了当前点击的行,通过find我们获得了该行所有的td对象
        //题中说到某个td,为了演示所以我们假设是要获得第3个td的数据
        var data = td.eq( 2 ).html();//通过eq可以得到具体的某个td对象,从而得到相应的数据
    } );
</script>

综上,我们就实现了通过点击某行获得某个td的数据。

o徐先生o
2017-08-04 · TA获得超过924个赞
知道小有建树答主
回答量:148
采纳率:0%
帮助的人:206万
展开全部
  1. 如果你的单击事件是绑定在td上面,那你可以直接在事件函数中,通过$(this).html()来获取td的内容。其中$(this)就是td的jQuery对象

  2. 如果你的单击事件是绑定在tr上面,那你可以在事件函数中,通过$(this).find("td").each(function(td){...})来遍历此行所有的td。其中$(this)就是点击tr的jQuery对象,find("td")查找所有类型是td的子类,each进行遍历,function函数内写针对每个td的处理

希望我的回答可以帮助到你

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
小卷毛儿ccc
2018-03-30 · TA获得超过2410个赞
知道小有建树答主
回答量:25
采纳率:100%
帮助的人:3619
展开全部

当点击某一行的时候,能得到这个tr的对象,可以通过这个对象得到该行的所有td对象,这时候可以通过一个序号来获取这一行的某个td的数据。

下面以代码来解释:

<table id="tb">
<tr>
<td>a</td><td>b</td><td>c</td>
</tr>
<tr>
<td>aa</td><td>bb</td><td>cc</td>
</tr>
</table>

<script>

//以jquery为例实现点击某行获得某个td的数据。
$( "#tb tr" ).click( function() {//给每行绑定了一个点击事件:
var td = $( this ).find( "td" );

//this指向了当前点击的行,通过find我们获得了该行所有的td对象。

//题中说到某个td,为了演示所以我们假设是要获得第3个td的数据。

var data = td.eq( 2 ).html();

//通过eq可以得到具体的某个td对象,从而得到相应的数据
} );
</script>

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
so759
2017-07-26
知道答主
回答量:43
采纳率:0%
帮助的人:10.9万
展开全部
你可以为这个单元格添加一个id 用getElementById获取
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2013-06-06
展开全部
<table><tr onclick="trclick(this)"><td></td></tr></table> <script>function trclick(trNode){var i = 0;//第一个td是0,第二个td是1,如此类推tdNode = trNode.childNodes[i];} 手写的,未经过测试</script>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式