在表格中单击其中的某一行产生一个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>

监听回车键是否按下应该就可以了

下面写了个简单的例子

<body>

<script>

function handleRowNum(event,id){

var code=null,

target=documentgetElementById(id);

//如果是IE

if(windowevent){

code=windoweventkeyCode;

}

//如果是其他

else if(eventwhich){

code=eventwhich;

}

//按下回车键

if(code==13){

targetvalue=parseInt(targetvalue)+1;

}

}

</script>

<textarea wrap="off" onkeypress="handleRowNum(event,'num')" style="width:280px;height:180px;overflow:auto"></textarea>

<input type="text" id="num" size="3" value="0" readonly/>

</body>

以上就是关于在表格中单击其中的某一行产生一个js单击事件,怎么样在js获取这一行的某一个td的数据全部的内容,包括:在表格中单击其中的某一行产生一个js单击事件,怎么样在js获取这一行的某一个td的数据、如何在js中获取当前textArea有多少行、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存