angularjs 获取table行数据

angularjs 获取table行数据,第1张

var bak = [];

for( var k in data){

bakpush(data[k]bak);

}

差不多这样吧,data是ng-repeat用到的JSON数组,通过遍历把每个json中bak(即“备份目录”中的值)取出放到一个数组bak里,也不知你要求的是不是这样。

<table id="tb1" width="200" border="1" cellpadding="4" cellspacing="0">

<tr>

<td height="25">第一行</td>

</tr>

<tr>

<td height="25">第二行</td>

</tr>

<tr>

<td height="25">第三行</td>

</tr>

<tr>

<td height="25">第四行</td>

</tr>

<tr>

<td height="25"><input type="button" name="getTableContent" value="获得表格内容" onclick="getTableContent(this)"></td>

</tr>

</table>

如上所示代码,按钮点击事件中传入this对象,此对象就是按钮本身。通过以下方法测试获取表格的数据

<script language="javascript">

function getTableContent(node) {

// 按钮的父节点的父节点是tr。

var tr1 = nodeparentNodeparentNode;

alert(tr1rowIndex);

alert(tr1cells[0]childNodes[0]value); //获取的方法一

alert(tr1cells[0]innerText);

// 通过以下方式找到table对象,在获取tr,td。然后获取td的html内容

var table = documentgetElementById("tb1");//获取第一个表格

var child = tablegetElementsByTagName("tr")[rowIndex - 1];//获取行的第一个单元格

var text = childfirstChildinnerHTML;

windowalert("表格第" + rowIndex + "的内容为: " + text);

}

</script>

<html>

<head>

<script type="text/javascript" src="jquery-152minjs">

</script>

<script type="text/javascript">

$(document)ready(function(){

$("#mytable tr")click(function(){

$("#mytable tr")removeAttr("clk");

$(this)attr("clk","on");

$("#mytable tr")each(function(index){

if($(this)attr("clk")=="on"){

alert(index);

}

});

});

});

</script>

<body>

<table id="mytable">

<tr>

<td>a

</td>

</tr>

<tr>

<td>b

</td>

</tr>

<tr>

<td>c

</td>

</tr>

</table>

</body>

以上就是关于angularjs 获取table行数据全部的内容,包括:angularjs 获取table行数据、用js选择器获得table中tr里第二个td、在js中怎样获取table里面选中的行号等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存