用jquery怎么遍历一个table的每一个cell的内容

Question

有这么一个<table>

怎么可以用jquery遍历输出每一个cell的内容啊？？

表格里面有 <input type='text'>和<select>把我难住了。。。

Answer 1

我现在用   

$("#grid").find("tr").each(function () {
                $(this).find("td").each(function () {
                    alert($(this).text());
                });
            });

是可以读出  非<input>   非<select> 的单元格内容，

就是不知道怎么把input以及select读出来。。。。

Answer 2

Hi,

For your issue,i suggest that you can try the code below:

   // Get table object
	var myTable = document.getElementById('grid').tBodies[0];

         // first loop for each row	
        for (var r=0, n = myTable.rows.length; r < n; r++) {
                       // this loop is getting each colomn/cells
			for (var c = 0, m = myTable.rows[r].cells.length; c < m; c++) {
              
			   if(myTable.rows[r].cells[c].childNodes[1].value){
				   					var  txt= myTable.rows[r].cells[1].innerHTML;
					alert(txt); 
					
								   		var marks = myTable.rows[r].cells[c].childNodes[1].value;
			   		alert(marks); 
			   }
            }
        }

Answer 3

放到自定义属性里面  循环自定义属性就成