js获得table中的行数_求助怎么通过js获取slickgrid表格中的行数选中行和一行中的数据

A. javascript中如何获得TABLE中某一行指定列的值，并触发一个事件，修改该行另外一列的值

<input type="text" name="COUNT" value="" itemdesc="数量" onchange=getTotalPrice(this)/>

注意到您的count为text,不太适合使用onchange来触发，这会带来问题。
比如：你的原数量为20，当你想修改为15时，你会：
1、删除20 值变为“”，onchange触发
2、输入1 值变为 1， onchange触发
3、输入5 值变为 15， onchange触发

这样会触发三次，不能满足你触发一次的要求。
应该用onblur来触发。

分析你的业务，你需要计算当前行的，这样可以使用DOM的API来实现
<table border=1>
<tr>
<td>
<input type="text" value="12" onblur="getTotalPrice(this)">
</td>
<td><input type="text" value="13" onblur="getTotalPrice(this)"></td>
<td>
<input type="text" value="25">
</td>
</tr>
<tr>
<td>
<input type="text" value="1" onblur="getTotalPrice(this)">
</td>
<td><input type="text" value="2" onblur="getTotalPrice(this)"></td>
<td>
<input type="text" value="3">
</td>
</tr>

</table>

<script type="text/javascript">
function getTotalPrice(obj){
var c1 = obj.parentNode.parentNode.childNodes[0].childNodes[0].value;
var c2 = obj.parentNode.parentNode.childNodes[1].childNodes[0].value;
obj.parentNode.parentNode.childNodes[2].childNodes[0].value = parseInt(c1) * parseInt(c2);
}
</script>

修改前面两个栏，都会自动修改第三栏

相信合你意思，加分吧
//var items = document.getElementsByTagName("input");


//楼主，这还繁？那加分吧，加分定制一个给你

B. js 代码能不能点击表格任意一单元格得到那个单元格的行数求解

JavaScript 中有自带 rowIndex 来获取 tr 的键值

<script type="text/javascript">
document.onclick = function(e) {
var e = e || window.event;
var target = e.target || e.srcElement;
if(target.tagName.toLowerCase() === "td") {
var rowIdx = target.parentNode.rowIndex + 1;
alert("第 " + rowIdx + " 行");
}
};
</script>

<table border="1">
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
</table>

jQuery（不要直接使用 index()，因为 index() 的效率要低于原生 rowIndex）

$(function() {
$("td").click(function() {
var rowIdx = $(this).parent()[0].rowIndex + 1;
alert("第 " + rowIdx + " 行");
});
});

C. js如何获取表格内行和列的值，例如表格内第二行第三列的值

用table的属性获取吧

var _tab = document.getElementById('tb'); // 获取table对象
var _row = _tab.rows; //获取table的行
var _cell = _row[1].cells; //获取第二行的列
alert(_cell[2].innerHTML); //获取第三列的值

D. 在js中怎样获取当前页面表格中的数据

1、JS获取表格的简便方法：获取tbody:tBodies 获取thead:tHead 获取tfoot:tFoot 获取行tr:rows 获取列td:cells

使用实例： oTable.tBodies[0] oTable.tHead[0] oTable.tFoot[0] oTable.rows[1] oTable.cells[1]

2、遍历
var oTable=document.getElementById("表格id");
oTable.tBodies[0]可以看成是rows和cells组成的二维数组，用两个for循环嵌套遍历一下就可以了

E. 在js中怎样获取table里面选中的行号

<html>
<head>
<script type="text/javascript" src="jquery-1.5.2.min.js">
</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>

F. js如何获取表格中某一行的单元格数

javascript提供了获取表格中某一行单元格数的代码，参考如下：

document.getElementById('first').cells.length//获取id为first的行的单元格数目

实例演示如下：

创建Html元素

<divclass="box">
	<span>实例演示：获取表格第一行的单元格数量</span><br>
	<divclass="content">
	<table>
	<trid="first"><td>1</td><td>2</td><td>3</td></tr>
	<tr><td>4</td><td>5</td><td>6</td></tr>
	<tr><td>7</td><td>8</td><td>9</td></tr>
	</table>
	<inputtype="button"value="获取表格第一行的单元格数量"onclick="fun_get()">
	</div>
</div>

简单设置一下css样式

div.box{width:300px;padding:20px;margin:20px;border:4pxdashed#ccc;}
div.box>span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px0;padding:20px;border:2pxsolid#ff6666;}
table{border-collapse:collapse;}
td{width:80px;height:30px;line-height:30px;text-align:center;border:1pxsolidgreen;}

编写jquery代码

<script>
functionfun_get(){
	alert(document.getElementById('first').cells.length);
}
</script>

观察效果

G. js中table里的每一行怎么去获得它的行号

HTML是动态生成的还是静态的？
动态的话，就好办了。你在生成的时候就给这行放一个隐藏域，记下行号。以后就可以直接拿到行号。

H. 求助，怎么通过js获取slickgrid表格中的行数，选中行和一行中的数据

您好，可以通过来jquery进行table表格操作。

1、表格行数，源需要看table标签中是否有thead和tbody，如果有

$('tabletbodytr').length//获取行数，不好包含表头

如果没有 thead和tbody，说明tbody中都是tr标签，所以需要减去表头的tr标签，看表头有几行，如果是多行的就需要减去对应的行数。

$('tabletr').length-1;//减1是一行表头的情况

2、选中某一行也就将某一行中的input:checkbox选中

$('tabletbodytr').eq(0).attr('checked',true);
//这里的0就是选中第一行，1就是第二行，以此类推

3、获取某一行的数据。

$('tabletbodytr').eq(0).find('td').eq(0).html();
//第一个eq(0)是选择第一行，第二个eq(0)是选择第几列的数据

I. Js中如何获取当前Table中的第几行Sos,帮帮我这个小娃娃吧.

在table里面做个隐藏域，值为当前行数，让js去取

导航:首页 > 编程语言 > js获得table中的行数

js获得table中的行数

与js获得table中的行数相关的资料

友情链接