2016 - 2024

感恩一路有你

jquery怎么获取表格中的一列 $的用法?

浏览量:3032 时间:2023-05-10 08:08:56 作者:采采

$的用法?

$是一个普通字符,也是javascript中的合法标识符,和a,b,c,d,e没什么区别...学过编程,就知道变量需要有变量名,在声明变量的时候要定义合法的标识符。许多javascript库,比如prototyp

基于jquery的表格排序?

$(function(){

//将每个TD的内容存储在点击的列中;

var ATD cont[];

//单击列的索引值。

var thi 0

//将TR重新排序。

var setTrIndex函数(tdIndex){

for(i0;iaTdCont.lengthi ){

var trCont ATD cont[I];

$(tbody tr)。each(function() {

var thisT:eq( tdIndex))。text();

if(thisText trCont){

$(tbody)。追加($(this));

}

});

}

}

//比较函数的参数函数

var compare_down函数(a,b){

返回a-b;

}

var compare_up函数(a,b){

返回b-a;

}

//比较函数

var fSort函数(比较){

(对比);

}

//取出TD的值存放在数组中,取出前两个TD值;

var fSetTdCont函数(thIndex){

$(tbody tr)。each(function() {

var tdCont $(this)。儿童(td:eq( thIndex))。text();

ATD cont . push(TD cont);

});

}

//单击时要执行的函数

var clickFun函数(thindex){

ATD cont[];

//获取被点击的当前列的索引值。

var nThCount thindex

//调用sortTh函数获取要比较的数据。

fSetTdCont(nth count);

}

//点击事件绑定函数。

$(第)。切换(功能在(){

thi $(这个)。index();

click fun(thi);

//调用比较函数,降序。

fSort(compare _ up);

//重新排列行

setTrIndex(thi);

},function(){

click fun(thi);

//按升序调用比较函数

fSort(compare _ down);

//重新排列行

setTrIndex(thi);

})

})

主要观点:

因为JS有一个SORT方法对数组进行排序,所以我们会通过这个方法来思考数组。

1.在标记表格标题时,取出您点击的列。列的索引值。因为那 要排序的列。所以我需要知道是哪一栏。

2.对于表的数据部分,即tbody部分,获取被单击的列的值,并将这些值存储到一个数组中。

3.按排序方法对存储数据的数组进行排序。(这里写了两种,升序或者降序,因为点击的时候要切换排序。第一次下降,第二次上升,第三次下降,第四次上升,依次)

4.遍历排序后的数组的值,并在遍历过程中与每一行TR的click列中的TD中的数据进行比较。如果相等,将它们插入到tbody的末尾。(第一个会在第一行。)

函数 排序 数据

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。