js 或者 jq 获取 Table 里面每一个td 里面的值

比如。我点击 第一行。我就可以获取 第一行。第一列或者第二列 等等的值。
最好简单点的。。不要太复杂的方法。。好像 就是一些 属性。但是我不知道。希望大家能够解答。谢谢
尽量就是。 给一个 参数。比如 table 的id,,然后点击 某行的时候。能够获取。当前行的所有 td 的 值。。用 alert();依次弹出来最好。呵呵。。谢谢

第1个回答  2014-02-28
js可以用td 对应的id获取该对象
举个例子来说:
<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,,不太合适。

第2个回答  2014-02-28
<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());

怎么在table中用JS或者JQ获取选中的复选框中的那一行的某个元素的...
JQ:("tr").each(function(i,e){ if($("td input:checkbox",$(e)).prop("checked")){ console.log($("td:eq(1)",$(e)).text());} });

用javascript如何从tr中分别获得每个td的元素
js获取表格中每行的td元素方法:<script> var tb = document.getElementById("tb"); \/\/根据id找到这个表格 var rows = tb.rows; \/\/取得这个table下的所有行 for(var i=0;i<rows.length;i++)\/\/循环遍历所有的tr行 { for(var j=0;j<rows[i].cells.length;j++)\/\/取得第...

如何用JS获取TR中TD的某个标签的值.然后根据大小,交换TR的位置
js获取表格中每行的td元素方法: var tb = document.getElementById("tb");

使用JS实现table里面td内容的更改
5、然后根据图示全部代码获取表格第一行。6、然后根据图示全部代码更改第一行第一个单元格的内容。7、然后根据图示全部代码给按钮添加js函数事件。8、预览效果如图显示出了table。9、点击按钮,第一行第一个单元格的内容更改,即代表成功实使用JS实现table里面td内容的更改。

js如何获取表格中某一行的单元格数
0;padding:20px;border:2px solid #ff6666;}table{border-collapse:collapse;}td{width:80px;height:30px;line-height:30px;text-align:center;border:1px solid green;}编写jquery代码 <script>function fun_get(){alert(document.getElementById('first').cells.length);}<\/script>观察效果 ...

js 获取td 中的class
最快捷的方式还是使用jquery,通过$("td .blue")就可以拿到class为blue的所有td了,而要拿到所有td里面的值,可以这样:var arr=$("td .blue");var values=new Array();for(var i=0;i<arr.length;i++){ var td=arr[i].innerHTML;values[i]=td;} 要看到这些值就可以遍历values这个...

js代码能不能点击表格任意一单元格得到那个单元格的行数?求解_百度知 ...
当然可以,而且很简单,方法很多,你搜下rowIndex属性就出来了。你在单元格td上写个onclick =showRowIndex(this);然后点击的时候 触发方法 比如,function showRowIndex(ObjTd){ var objTr = ObjTd.parentElement;var rowNum = objTr.rowIndex;\/\/如果要得到单元格 就用cellIndex } ...

javascript如何获取id为one的td元素??
而对于第一个,你需要在页面加载完成之后才能获取到对象!也就是把 script 的放到table 的后面 <head><meta http-equiv="Content-Type" content="text\/html; charset=utf-8"\/><title>Document<\/title><\/head><body><table><tr><td id="one">1<\/td><td>1<\/td><\/tr><tr><td id="two...

jq 为什么不能对每一行第一个td的innerHTML赋值?
因为你把原生的 DOM 对象与 jQuery包装过的方法搞混了。(this).children("td:first") 获取的是 jQuery 包装过的对象,应该用 jQuery 的方法来操作 html:(this).children("td:first").html(i++);以上,请采纳,请给分。

jquery中获取id值方法小结
eq(0)是取第一个jq元素。eq(index)匹配一个给定索引值的元素 Matches a single element by its index.返回值 Element 参数 index (Number) : 从 0 开始计数 示例 查找第二行 HTML 代码:代码如下:<table> <tr><td>Header 1<\/td><\/tr> <tr><td>Value 1<\/td><\/tr> <tr><td>Value 2...

相似回答