欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間：2013年04月10日 08:53:09   作者：  
由于要獲取某列中的一個(gè)ID值，如果用JS傳值的方式此問(wèn)題就不存在，由于此次用到的都是jquery插件，包括各種彈出框，用JS傳值就得用JS那丑陋的彈出框，所以，你懂得
花了一晚上的時(shí)間解決了一個(gè)看似很容易的問(wèn)題。今晚做的這個(gè)東西中由于要獲取某列中的一個(gè)ID值。如果是用平常的那種JS傳值的方式此問(wèn)題就不存在，但是由于此次用到的都是jquery插件，包括各種彈出框，用JS傳值就得用JS那丑陋的彈出框，所以，你懂得。

網(wǎng)上找了很多方法，用起來(lái)都不行，后來(lái)想到了jquery中的鼠標(biāo)事件，可以在鼠標(biāo)經(jīng)過(guò)table時(shí)，獲得當(dāng)前行與列的值。頁(yè)面如下所示：
 
具體操作就是點(diǎn)擊“刪除”按鈕，然后調(diào)用jquery插件頁(yè)面，這時(shí)候需要獲得相應(yīng)行的“ID”進(jìn)行操作。我的方法是：

先定義一個(gè)行數(shù)與列數(shù)的全局變量，然后在鼠標(biāo)經(jīng)過(guò)按鈕時(shí)獲得此行的行數(shù)與列數(shù)并付給此全局變量：
復(fù)制代碼 代碼如下:

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

其中，“users”為此table的ID.然后再根據(jù)此ID進(jìn)行業(yè)務(wù)處理，如下所示：
復(fù)制代碼 代碼如下:

01.//點(diǎn)擊“彈出框”選擇“確定”后的業(yè)務(wù)處理
$("#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(); //獲得對(duì)應(yīng)第一列的ID值
//業(yè)務(wù)處理省略
……
},
"取消":function(){
$(this).dialog("close");
}
}}
);

小問(wèn)題凝聚著大智慧，通過(guò)解決問(wèn)題提高自己學(xué)習(xí)能力，解決問(wèn)題的能力，是我一直崇尚的真理！

相關(guān)文章

  • jquery學(xué)習(xí)筆記之無(wú)new構(gòu)建詳解

    jquery學(xué)習(xí)筆記之無(wú)new構(gòu)建詳解

    大部分人使用 jQuery 的時(shí)候都是使用第一種無(wú) new 的構(gòu)造方式，直接 $('') 進(jìn)行構(gòu)造，這也是 jQuery 十分便捷的一個(gè)地方。這篇文章主要給大家介紹了關(guān)于jquery學(xué)習(xí)筆記之無(wú)new構(gòu)建的相關(guān)資料，需要的朋友們下面來(lái)一起看看吧。
    2017-12-12
  • jquery實(shí)時(shí)獲取時(shí)間的簡(jiǎn)單實(shí)例

    jquery實(shí)時(shí)獲取時(shí)間的簡(jiǎn)單實(shí)例

    下面小編就為大家?guī)?lái)一篇jquery實(shí)時(shí)獲取時(shí)間的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-01-01
  • 在每個(gè)匹配元素的外部插入新元素的方法

    在每個(gè)匹配元素的外部插入新元素的方法

    本文為大家介紹下在每個(gè)匹配元素的外部插入新元素的方法，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下
    2013-12-12
  • jQuery實(shí)現(xiàn)的監(jiān)聽(tīng)導(dǎo)航滾動(dòng)置頂狀態(tài)功能示例

    jQuery實(shí)現(xiàn)的監(jiān)聽(tīng)導(dǎo)航滾動(dòng)置頂狀態(tài)功能示例

    這篇文章主要介紹了jQuery實(shí)現(xiàn)的監(jiān)聽(tīng)導(dǎo)航滾動(dòng)置頂狀態(tài)功能,涉及基于jQuery的事件響應(yīng)及狀態(tài)監(jiān)聽(tīng)等相關(guān)操作技巧,需要的朋友可以參考下
    2018-07-07
  • jQuery選擇器全集詳解

    jQuery選擇器全集詳解

    本文結(jié)合圖文代碼，基本上將所有的jQuery選擇器都講解了一遍，非常的詳盡，希望對(duì)大家能有所幫助。
    2014-11-11
  • JQuery選擇器綁定事件及修改內(nèi)容的方法

    JQuery選擇器綁定事件及修改內(nèi)容的方法

    這篇文章主要介紹了JQuery選擇器綁定事件及修改內(nèi)容的方法,涉及bind()、show()、hide()、html()等方法的使用技巧,需要的朋友可以參考下
    2015-01-01
  • jQuery實(shí)現(xiàn)簡(jiǎn)單評(píng)論區(qū)功能

    jQuery實(shí)現(xiàn)簡(jiǎn)單評(píng)論區(qū)功能

    這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單評(píng)論區(qū)功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2020-10-10
  • jQuery實(shí)現(xiàn)的點(diǎn)擊按鈕改變樣式功能示例

    jQuery實(shí)現(xiàn)的點(diǎn)擊按鈕改變樣式功能示例

    這篇文章主要介紹了jQuery實(shí)現(xiàn)的點(diǎn)擊按鈕改變樣式功能,涉及jQuery基于事件響應(yīng)的頁(yè)面元素樣式動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
    2018-07-07
  • jQuery zTree加載樹(shù)形菜單功能

    jQuery zTree加載樹(shù)形菜單功能

    這篇文章主要為大家詳細(xì)介紹了jQuery zTree加載樹(shù)形菜單功能，輕松設(shè)計(jì)樹(shù)形結(jié)構(gòu)菜單功能，感興趣的小伙伴們可以參考一下
    2016-02-02
  • jQuery的css()方法用法實(shí)例

    jQuery的css()方法用法實(shí)例

    這篇文章主要介紹了jQuery的css()方法用法,以實(shí)例形式較為詳細(xì)的分析了css()方法的幾種常見(jiàn)用法,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2014-12-12

最新評(píng)論