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