1. 程式人生 > >jquery dom操作表格

jquery dom操作表格

     表格編輯列中有控制元件,控制元件點選事件時繫結此方法

<table>

<tr>

<td>

    <input type="text" onclick="worktypeChange(this)">

<td>

</tr>

</table>

function worktypeChange(selectobj){

       var tr= $(selectobj).parent().parent();//獲取點選的行

        var slct=tr.children().eq(1).children();

/*alert( tr.index()+"行號");

alert( tr.children().eq(0).children().val()+"該行0列0個控制元件的值");

alert( tr.children().length+"行的列數");*/

}

------把表格資料封裝成json

var data = [];
$('#itemsTable tbody tr').each(function(){
   var factorVal = $(this).find('td:nth(1)').text(); // 獲取要素值
   var factorValDesc = $(this).find('td:nth(2)').text(); // 獲取要素值描述
   data.push({"desc":factorValDesc, "factorVal":factorVal})
});

alert(JSON.stringify(data));