js 或者 jq 获取 Table 里面每一个td 里面的值
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js 或者 jq 获取 Table 里面每一个td 里面的值相关的知识，希望对你有一定的参考价值。
比如。我点击 第一行。我就可以获取 第一行。第一列或者第二列 等等的值。
最好简单点的。。不要太复杂的方法。。好像 就是一些 属性。但是我不知道。希望大家能够解答。谢谢
尽量就是。 给一个 参数。比如 table 的id，，然后点击 某行的时候。能够获取。当前行的所有 td 的 值。。用 alert（）；依次弹出来最好。呵呵。。谢谢
举个例子来说：
<td id="td1"></td>
js：var td=document.getElementById("td1");
可以用该对象赋予该td的style等属性
如果是要获得<td>苹果</td>里的"苹果"的话用下面的方法
我们把该值放到隐藏域里然后从js取得该值
<td>苹果<input type="hidden" name="pm1" id="pm1" value="苹果"></td>
js：var pm=document.getElementById("pm1").value;追问
用table 。肯定是读数据。要循环。你这个id，，不太合适。
参考技术B <script>jQuery(document).ready(function($)
$("tr","#table1").click(function()
$("td",$(this)).each(function()
alert($(this).text());
);
);
);
</script>
</head>
<body>
<table id="table1">
<tr>
<td>1-1</td>
<td>1-2</td>
<td>1-3</td>
</tr>
<tr>
<td>2-1</td>
<td>2-2</td>
<td>2-3</td>
</tr>
<tr>
<td>3-1</td>
<td>3-2</td>
<td>3-3</td>
</tr>
</table>追问
能不能写成。数据都出来。只是分开来的。比如。第一列用一个变量接受。第二列用另外一个变量接受。等等。这样我好赋值。谢谢
追答使用eq(index)获取指定列
如
当前行第1列：alert($("td:eq(0)",$(this)).text());
当前行第2列：alert($("td:eq(1)",$(this)).text());
JS获取table列数据
/** * js 获取按钮所在行每一列的数据，返回包含每一列数据的数组 * @param node * @returns {Array} */ function getTableTdValue(node) { // 按钮在td里面，其父节点的父节点是tr。 var tr = node.parentNode.parentNode; var trArray = new Array(); for(var i=0; i<tr.cells.length; i++){ trArray[i] = tr1.cells[i]; } return trArray; }
以上是关于js 或者 jq 获取 Table 里面每一个td 里面的值的主要内容，如果未能解决你的问题，请参考以下文章