Jquery中獲取table中某列值的具體思路


由於要獲取某列中的一個ID值,如果用JS傳值的方式此問題就不存在,由於此次用到的都是jquery插件,包括各種彈出框,用JS傳值就得用JS那丑陋的彈出框,所以,你懂得
花了一晚上的時間解決了一個看似很容易的問題。今晚做的這個東西中由於要獲取某列中的一個ID值。如果是用平常的那種JS傳值的方式此問題就不存在,但是由於此次用到的都是jquery插件,包括各種彈出框,用JS傳值就得用JS那丑陋的彈出框,所以,你懂得。 
 
網上找了很多方法,用起來都不行,后來想到了jquery中的鼠標事件,可以在鼠標經過table時,獲得當前行與列的值。頁面如下所示: 
 
具體操作就是點擊“刪除”按鈕,然后調用jquery插件頁面,這時候需要獲得相應行的“ID”進行操作。我的方法是: 
 
先定義一個行數與列數的全局變量,然后在鼠標經過按鈕時獲得此行的行數與列數並付給此全局變量:
復制代碼代碼如下:
 
var trNum; 
var tdNum; 
$(function(){ 
//定義一個鼠標經過事件 
$('#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.然后再根據此ID進行業務處理,如下所示: 
復制代碼代碼如下:
 
01.//點擊“彈出框”選擇“確定”后的業務處理 
$("#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值 
//業務處理省略 
…… 
}, 
"取消":function(){ 
$(this).dialog("close"); 
}} 
); 
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM