在表格中单击其中的某一行产生一个js单击事件,怎么样在js获取这一行的某一个td的数据?
先说思路:
当点击某一行的时候,能得到这个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的数据。
如果你的单击事件是绑定在td上面,那你可以直接在事件函数中,通过$(this).html()来获取td的内容。其中$(this)就是td的jQuery对象
如果你的单击事件是绑定在tr上面,那你可以在事件函数中,通过$(this).find("td").each(function(td){...})来遍历此行所有的td。其中$(this)就是点击tr的jQuery对象,find("td")查找所有类型是td的子类,each进行遍历,function函数内写针对每个td的处理
希望我的回答可以帮助到你
当点击某一行的时候,能得到这个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>
2013-06-06