jquery怎么獲取表格中的一列 $的用法?
$的用法?$是一個(gè)普通字符,也是javascript中的合法標(biāo)識(shí)符,和a,b,c,d,e沒什么區(qū)別...學(xué)過(guò)編程,就知道變量需要有變量名,在聲明變量的時(shí)候要定義合法的標(biāo)識(shí)符。許多javascript庫(kù)
$的用法?
$是一個(gè)普通字符,也是javascript中的合法標(biāo)識(shí)符,和a,b,c,d,e沒什么區(qū)別...學(xué)過(guò)編程,就知道變量需要有變量名,在聲明變量的時(shí)候要定義合法的標(biāo)識(shí)符。許多javascript庫(kù),比如prototyp
基于jquery的表格排序?
$(function(){
//將每個(gè)TD的內(nèi)容存儲(chǔ)在點(diǎn)擊的列中;
var ATD cont[];
//單擊列的索引值。
var thi 0
//將TR重新排序。
var setTrIndex函數(shù)(tdIndex){
for(i0;iaTdCont.lengthi ){
var trCont ATD cont[I];
$(tbody tr)。each(function() {
var thisT:eq( tdIndex))。text();
if(thisText trCont){
$(tbody)。追加($(this));
}
});
}
}
//比較函數(shù)的參數(shù)函數(shù)
var compare_down函數(shù)(a,b){
返回a-b;
}
var compare_up函數(shù)(a,b){
返回b-a;
}
//比較函數(shù)
var fSort函數(shù)(比較){
(對(duì)比);
}
//取出TD的值存放在數(shù)組中,取出前兩個(gè)TD值;
var fSetTdCont函數(shù)(thIndex){
$(tbody tr)。each(function() {
var tdCont $(this)。兒童(td:eq( thIndex))。text();
ATD cont . push(TD cont);
});
}
//單擊時(shí)要執(zhí)行的函數(shù)
var clickFun函數(shù)(thindex){
ATD cont[];
//獲取被點(diǎn)擊的當(dāng)前列的索引值。
var nThCount thindex
//調(diào)用sortTh函數(shù)獲取要比較的數(shù)據(jù)。
fSetTdCont(nth count);
}
//點(diǎn)擊事件綁定函數(shù)。
$(第)。切換(功能在(){
thi $(這個(gè))。index();
click fun(thi);
//調(diào)用比較函數(shù),降序。
fSort(compare _ up);
//重新排列行
setTrIndex(thi);
},function(){
click fun(thi);
//按升序調(diào)用比較函數(shù)
fSort(compare _ down);
//重新排列行
setTrIndex(thi);
})
})
主要觀點(diǎn):
因?yàn)镴S有一個(gè)SORT方法對(duì)數(shù)組進(jìn)行排序,所以我們會(huì)通過(guò)這個(gè)方法來(lái)思考數(shù)組。
1.在標(biāo)記表格標(biāo)題時(shí),取出您點(diǎn)擊的列。列的索引值。因?yàn)槟?要排序的列。所以我需要知道是哪一欄。
2.對(duì)于表的數(shù)據(jù)部分,即tbody部分,獲取被單擊的列的值,并將這些值存儲(chǔ)到一個(gè)數(shù)組中。
3.按排序方法對(duì)存儲(chǔ)數(shù)據(jù)的數(shù)組進(jìn)行排序。(這里寫了兩種,升序或者降序,因?yàn)辄c(diǎn)擊的時(shí)候要切換排序。第一次下降,第二次上升,第三次下降,第四次上升,依次)
4.遍歷排序后的數(shù)組的值,并在遍歷過(guò)程中與每一行TR的click列中的TD中的數(shù)據(jù)進(jìn)行比較。如果相等,將它們插入到tbody的末尾。(第一個(gè)會(huì)在第一行。)