js获取table当前tr行第二列td的值

js获取table当前tr行第二列td的值,第1张

在a标签上写个class,用jq写的

$("a标签的class")click(function(){

var text = $(this)parent("td")siblings("td")text();

alert(text)

})

要获取tr内所有文本信息吧

$(function(){

for(var i = 0; i < $('tr')length-1; i++) {

$('tr')delegate("td","click",function(){

alert($(this)parent('tr')text());

})

}

})

documentgetElementById("top")rowslength可以获得top表的行数。

documentgetElementById("top")rows[0]cellslength可以获得top表的第一行的列数。

documentgetElementById("top")rows[0]cells[0]offsetWidth可获得top表第一行第一列的实际宽度,(注意,这个是只读的!)

所以

for(var i=0;i<documentgetElementById("top")rows[0]cellslength;i++)

{

documentgetElementById("buttom")rows[0]cells[i]width=documentgetElementById("top")rows[0]cells[i]offsetWidth;

}

这样?

<script>

windowonload = function(){

    var obj = documentgetElementById("table1");

    var arr = [];

    var lines = [];

    var rows = objtBodies[0]rows;

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

        var str = rows[i]cells[0]innerHTML;

        if(arrlength){

            for(var j = 0; j < arrlength; j++){

                if(arr[j] == str){

                    linespush("\n行:" + j + " - " + i);

                }

            }

        }

        arrpush(rows[i]cells[0]innerHTML);

    }

    alert("相同内容的行为:" + linesjoin());

}

</script>

<table id="tbitem">

<tr><td>测试数据1</td></tr>

<tr><td>测试数据2</td></tr>

<tr><td>测试数据3</td></tr>

<tr><td>测试数据4</td></tr>

<tr><td>测试数据5</td></tr>

<tr><td>测试数据6</td></tr>

</table>

<script type="text/javascript">

var table = documentgetElementById("tbitem");

var td = tablegetElementsByTagName("td");

var len = tdlength;

for(i=0;i<len;i++){

alert(td[i]innerHTML);

}

</script>

这是获得每个tr 中td 的内容

<script>

$('#myTableProduct tr')each(function(index,ele){

$(this)find('td')each(function(index,ele){

alert($(ele)html());

})

})

</script>

不用谢我

------君少

以上就是关于js获取table当前tr行第二列td的值全部的内容,包括:js获取table当前tr行第二列td的值、js 点击表格行获取td内容并复制、js获取table中的td宽度并赋值到另一个table的td中实现宽度对齐等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存