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

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

当点击某一行的时候,能得到这个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的行,列,并取值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/10130870.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-05
下一篇2023-05-05

发表评论

登录后才能评论

评论列表(0条)

    保存