1 <table id="info">
 2         <thead>
 3                 <th>顏色</th>
 4                 <th>操作1</th>
 5                 <th>操作2</th>
 6         </thead>
 7         <tbody>
 8                 <td>紅色</td>
 9                 <td><
 
a href="#" onclick="edit(this)">編輯</a></td>
10                 <td><a href="#" onclick="del(this)">刪除</a></td>
11         </tbody>
12 </table>

function edit(n){　　

　　1.想要獲取發生點擊事件的行數

　　var tr=n.parentNode.parentNode.rowIndex;

　　2.獲取所在行的第一列的內容

　　var tr_f=$("#info tr:eq(" + tr + ") td:eq(0)").html();

　　3.在td標簽下添加input標簽

　　$("#info tr:eq(" + tr + ") td:eq(0) ").html("<input type=‘text‘ value="+value+"></input>"); //value為變量

}

function save(n){

　　4.獲得所在行下的input的內容

　　var text=$("#info tr:eq(" + tr + ") td:eq(0)").find("input").val();

　　5.進行ajax請求　

　　//發送數據給後臺
　　$.ajax({
　　　　type: "post", /*or "get"*/
　　　　url:URL,
　　　　data: {
　　　　　　"name":Jane,
　　　　　　"age":12,

　　　　},
　　　　dataType: "json",
　　　　success: function(data){
　　　　　　//alert(‘成功‘);
　　　　}
　　});

}

function del(n){

　　6.刪除所在行

　　$(n).parent().parent().remove();

}

若想點擊事件只發生一次，即可以設置var kaiguan=1;if(kaiguan){……；kaiguan=0；}即可。

//IE文本框只能輸入數字
$(‘.num‘).keyup(function(){
　　var c=$(this);
　　if(/[^\d]/.test(c.val())){//替換非數字字符
　　　　var temp_amount=c.val().replace(/[^\d]/g,‘‘);
　　　　$(this).val(temp_amount);
　　}
})

jQuery獲取table表格內容遇到的問題