Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用不带插件的jquery对表的列进行排序_Javascript_Jquery_Html_Sorting - Fatal编程技术网

Javascript 使用不带插件的jquery对表的列进行排序

Javascript 使用不带插件的jquery对表的列进行排序,javascript,jquery,html,sorting,Javascript,Jquery,Html,Sorting,我试图在单击特定按钮时对表的列值进行排序。我首先想弄清楚如何使用预定义的值对表进行排序,我在表中包含了两行实际值。其次,在完成对表中预定义值的排序之后。我想能够添加一个创建行按钮,可以随机生成任何值,甚至字母。而且,单击按钮后,值将被排序。 我的密码坏了,我不知道为什么 我被卡住了,找不到什么帮助!!提前谢谢各位 //添加行函数 $document.readyfunction{ $add_row.clickfunction{ 违约事件; var new1=$61。点击按钮,函数{ $this.

我试图在单击特定按钮时对表的列值进行排序。我首先想弄清楚如何使用预定义的值对表进行排序,我在表中包含了两行实际值。其次,在完成对表中预定义值的排序之后。我想能够添加一个创建行按钮,可以随机生成任何值,甚至字母。而且,单击按钮后,值将被排序。 我的密码坏了,我不知道为什么

我被卡住了,找不到什么帮助!!提前谢谢各位

//添加行函数 $document.readyfunction{ $add_row.clickfunction{ 违约事件; var new1=$61。点击按钮,函数{ $this.find'td'。切换类'highlighted' }; $'myTable'.appendnew1; }; //删除函数 $'myTable'。单击“dr”按钮,函数{ $this.parent.parent.remove; }; //排序函数 $'sort1,sort2'。单击,函数{ var n1=$this.index; console.logn1; var n2=$'myTable'。查找'tbody>tr:hastd'。获取; console.logn2; n1+=1; n2.sortfunctiona,b{ var vA=$a.children':第n个子项'+n1+.text; var vB=$b.children':第n个子项'+n1+.text; 如果vAvB{ 返回1; }否则{ 返回0 }; }; $.eachn2,函数索引,第行{ $'tbody'。追加行; }; }; }; 创建表 桌子 运输署{ 边框:1px纯黑; } .突出显示{ 背景颜色:黄色; } 单击按钮创建和删除表的行

名称 价值 可删除 3. 4. 5. 1. 2. 3. 创建行
在第一行中,如果将标记更改为s,则排序将保留它们的位置

<th>Name<button type="button" id="sort1" class="btn btn-default btn-xs pull-right glyphicon glyphicon-triangle-bottom"></button></th>
<th>Value<button type="button" id="sort2" class="btn btn-default btn-xs pull-right glyphicon glyphicon-triangle-bottom"></button></th>
<th>Deletable</th>
创建表 桌子 运输署{ 边框:1px纯黑; } .突出显示{ 背景颜色:黄色; } 单击按钮创建和删除表的行

名称 价值 可删除 3. 4. 5. 1. 2. 3. 创建行
看到了吗?它工作得很好。@Haze,我以前见过这个答案,但我认为它太复杂了,它主要关注javascript而不是jquery。但是谢谢你的意见!!