
当点击某一行的时候,能得到这个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 = tdeq( 2 )html();
//通过eq可以得到具体的某个td对象,从而得到相应的数据
} );
</script>
嗯… 根据LZ的代码,不太理解输出效果,
不过我修改了部份源码试了一个方法,LZ 你就看看呗
var shtml = '';
for (var i = 1; i < 3; i++) {
var item = 'testing';
shtml += '<tr name="result" id="tr[' + i + ']">';
shtml += '<td id="td1" height="25" align="left" valign="middle"> ' + itemEFFECTIVE_DATE + '</td>';
shtml += '<td id="td7" height="25" align="left" valign="middle"><a href="#" onclick="" > ' + itemPJPTARGET_TOWNCOUNT_DAY + '</a></td>';
shtml += '<td id="td8" height="25" align="left" valign="middle"><a href="#" onclick="" > ' + itemPJPACTUAL_TOWNCOUNT_DAY + '</a></td>';
shtml += '<td id="td9" height="25" align="left" valign="middle" > ' + itemACTTOWNNUM + '</td>';
shtml += '<td id="td10" height="25" align="left" valign="middle"> ' + itemTOWNPJP_PERCENT + '</td>';
shtml += '<td id="td11" height="25" align="left" valign="middle"> ' + itemFARDISTANCE_BYDT + '</td>';
shtml += '<td id="td12" height="25" align="left" valign="middle"> ' + itemTOWNNAME + '</td>';
shtml += '<td height="25" align="left" valign="middle"><input type="button" class="visittrack" value="拜访轨迹" > </td>';
shtml += '</tr>';
}
$("#report")append(shtml);
$('inputvisittrack')click(function() {
var $thisTR = $(this)parents('tr');
var thisTR_ID = $thisTRattr('id');
$thisTRcss({
background: '#0cc'
});
var td10_val = $thisTRfind('#td10')text();
alert(thisTR_ID);
});
$("table tr:first")find("td&氦钉份固莓改逢爽抚鲸quot;)eq(1)获取table第1行第2列 索引为1就是第二个
以上仅供参考!
如有其他问题,可以继续追问
$("td")click(function(){
//td的id
alert($(this)attr("id"));
//tr的id
alert($(this)parent()attr("id"));
});
datagrid中columns中,formatter:function(value){
return '<a href=id='+value+'</a>';
}
如上举例
表格的第一行为thead中的th
剩下的数据放到tbody中
最后那一行添加的放到tfoot中
对tbody下面的所有tr绑定一个点击事件
事件中获取这个tr下的所有td,就可以获取这行的数据了
大概代码如下:
var trs =documentgetElementById("tbodyId")getElementsByTagName("tr");
for(int i=0;i<=trslength;i++)
{
var tr = trs[i];
var tds=trgetElementsByTagName("td");
//下面遍历tds就可以去获取数据了
//把数据放到下面的表单就好了
//然后提交数据,在服务端进行修改
}
以上就是关于在表格中单击其中的某一行产生一个js单击事件,怎么样在js获取这一行的某一个td的数据全部的内容,包括:在表格中单击其中的某一行产生一个js单击事件,怎么样在js获取这一行的某一个td的数据、JQuery获取动态table的某行某列的值、获取table的行,列,并取值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)