jQuery學習筆記(4)--Jquery中獲取table中某列值的具體思路

更新時間：2013年04月10日 08:53:09 作者：

由于要獲取某列中的一個ID值，如果用JS傳值的方式此問題就不存在，由于此次用到的都是jquery插件，包括各種彈出框，用JS傳值就得用JS那丑陋的彈出框，所以，你懂得

花了一晚上的時間解決了一個看似很容易的問題。今晚做的這個東西中由于要獲取某列中的一個ID值。如果是用平常的那種JS傳值的方式此問題就不存在，但是由于此次用到的都是jquery插件，包括各種彈出框，用JS傳值就得用JS那丑陋的彈出框，所以，你懂得。

網(wǎng)上找了很多方法，用起來都不行，后來想到了jquery中的鼠標事件，可以在鼠標經(jīng)過table時，獲得當前行與列的值。頁面如下所示：

具體操作就是點擊“刪除”按鈕，然后調(diào)用jquery插件頁面，這時候需要獲得相應行的“ID”進行操作。我的方法是：

先定義一個行數(shù)與列數(shù)的全局變量，然后在鼠標經(jīng)過按鈕時獲得此行的行數(shù)與列數(shù)并付給此全局變量：

復制代碼代碼如下:

 
var trNum; 
var tdNum; 
$(function(){ 
//定義一個鼠標經(jīng)過事件 
$('#users td').hover( 
function(){ 
//獲得table的行號 
trNum = $(this).parent().parent().find('tr').index($(this).parent()[0])+ 1; 
//獲得table的列號 
tdNum = $(this).parent().find('td').index($(this)[0])+ 1; 
} 
); 

其中，“users”為此table的ID.然后再根據(jù)此ID進行業(yè)務處理，如下所示：

復制代碼代碼如下:

 
01.//點擊“彈出框”選擇“確定”后的業(yè)務處理 
$("#dialog-confirm").dialog({ 
autoOpen:false, 
resizable:false, 
height:150, 
modal:true, 
buttons:{ 
"確定":function(){ 
var au_id = $('#users').find('tr:eq(' + (trNum) + ')').find('td:eq(0)').text(); //獲得對應第一列的ID值 
//業(yè)務處理省略 
…… 
}, 
"取消":function(){ 
$(this).dialog("close"); 
} 
}} 
); 