前端：JS獲取table的值

------------------------------------------------------

var parameters = new Array();
rows = document.getElementById("check_table").rows;
for(var row=1;row<rows.length;row++){
      data = {gm: rows[row].cells[10].innerText, deal_type: rows[row].cells[9].getElementsByTagName("select")[0].value}
      parameters.push(data)
}
console.log(JSON.stringify(parameters))

　　

-------------------------------------------------------

1

$(this).children().eq(1).text()獲取的是顯示的值
$(this).children().eq(1).html()獲取的是<td></td>之間的所有內容
$('.trSelected',grid).find("td").eq(7).text();獲取的是選中的某行的內容

 

遍歷表<table id="gird".....

$("#grid tr").each(function() {
             alert($(this).children().eq(1).text());
 });

 

用javascript來遍歷

function load(){
     var tab=document.getElementById("grid");
     var rows=tab.rows;
     alert(rows.length);
     for(var i=0;i<rows.length;i++)
     {
        for(var j=0;j<rows[i].cells.length;j++)
        {
       alert("第"+(i+1)+"行，第"+(j+1)+"列的值是:"+rows[i].cells[j].innerHTML);
        }
     }
   }

　　

$("#save_script").click(function () {
        var parameters = new Array();
        rows = document.getElementById("dubbo_parameters").rows;
        for(var row=1;row<rows.length;row++){
            parameters[row-1] = new Array();
            for(var col=0;col<rows[row].cells.length;col++){
                if(col%2 == 0){
                    parameters[row-1][col] = rows[row].cells[col].innerHTML;
                }else {
                    parameters[row-1][col] = rows[row].cells[col].childNodes[0].value;  獲取td里input的value值
                }
            }
        }
        $("#dubbo_para").val(JSON.stringify(parameters));
       
 });

　　

$("#table_list").find("tr").each(function(){
    var tdArr = $(this).children();
    var list_1 = tdArr.eq(0).find("select").val();
    var list_2 = tdArr.eq(1).find("input").val();
    var list_3 = tdArr.eq(2).find("input").val();
    alert(list_1);
    alert(list_2);
    alert(list_3); 
});