JS怎么获取表格中某一行某个td中的内容

JS怎么获取表格中某一行某个td中的内容,第1张

楼上说的对。我想具体一下,楼主更好理解。这是单元格内容 var aaa;aaa=documentgetElementById("mytd")innerHTML; //注意,这句就根据你设置的ID获取那个单元格里内容 望采纳

function test(){

var tab = documentgetElementById('tab');

var len = tabgetElementsByTagName('tr')length;

var rownum = len<10objNamesubstring(objNamelength-1):objNamesubstring(objNamelength-2);

}

其实如果你只是想要获取当前行号的话,没必要从id截取字符串,这样写:

<script language="javascript">

windowonload=function(){

var tab = documentgetElementById('tab');

var objs = tabgetElementsByTagName('input');

for(var i=0;i<objslength;i++){

objs[i]onclick=function(){

var rownum = thisparentNodeparentNoderowIndex+1;

alert("我所在的行号为:"+rownum);

}

}

}

</script>

<table border="1" id="tab" width="37%">

<tr>

<td width="68"><input type="text" value="点击我获取行号" /></td>

<td>x4</td>

</tr>

<tr>

<td width="68"><input type="text" value="点击我获取行号" /></td>

<td>14</td>

</tr>

<tr>

<td width="68"><input type="text" value="点击我获取行号" /></td>

<td>24</td>

</tr>

<tr>

<td width="68"><input type="text" value="点击我获取行号" /></td>

<td>34</td>

</tr>

<tr>

<td width="68"><input type="text" value="点击我获取行号" /></td>

<td>44</td>

</tr>

</table>

先说思路:

当点击某一行的时候,能得到这个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>

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

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

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存