jquery dom操作表格
阿新 • • 發佈：2019-01-25
表格編輯列中有控制元件，控制元件點選事件時繫結此方法
<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));