假设我有一个包含字段的表
Rank,Id和Name
单击此按钮时Rank,表格将使用此代码按升序排序
$(function() {
$("#rank").click(function() {
var rows = $("#rank_table tbody tr").get();
rows.sort(sortTable);
$.each(rows, function(index, row) {
$("#rank_table").children("tbody").append(row);
});
});
});
function sortTable(a, b) {
var A = parseInt($(a).children('td').eq(0).text());
var B = parseInt($(b).children('td').eq(0).text());
if (A < B) return -1;
if (A > B) return 1;
return 0;
}
Rank和Id分别是id rank和整数st_id.所以,我想要实现的是当我点击Rank字段一次时,表格按升序排序,再次点击它按降序对表格进行排序.
我想为fields-都这样做rank和Id.对于降序,我是否需要使用不同的功能而不是升序此升序功能.
我怎样才能使用jQuery实现这一点sort() function(not plugins)呢？
这是html
<!Doctype html>
<html>
<head>
<style>
#thead {
cursor: pointer; …我的代码包含很多多条if语句。有没有其他方法可以摆脱这些陈述。例如假设我有以下条件
if(t1 >= 1 && t2 == 0 && t3 == 0) $('div.b_class').fadeIn();
if(t1 == 0 && t2 >= 1 && t3 == 0) $('div.c_class').fadeIn();
if(t1 == 0 && t2 == 0 && t3 == 1) $('div.d_class').fadeIn();
if(t1 && t2 >= 1 && t3 == 0) $('div.b_class.c_class').fadeIn();
if(t1 && t3 >= 1&& t2 == 0) $('div.b_class.d_class').fadeIn();
有什么办法可以简化这些语句吗？
假设有一个 div 包含一些 'li' 元素。当我单击复选框时，某些元素（li）被选中。我想从 div 中可见的 li 中选择具有某些特定属性的所有 li。例如下面，假设只有前三个 li 是可见的，我想选择具有 value=ItemA 和 color=Red 的 li。
>
<div id="products">
<li value="ItemA" color="Yellow"><img src="images/1.jpg"></li>
<li value="ItemA" color="Red"><img src="images/2.jpg"></li>
<li value="ItemB" color="Red"><img src="images/3.jpg"></li>
<li value="BRAND C" color="Red"><img src="images/7.jpg"></li>
<li value="BRAND D" color="Blue"><img src="images/8.jpg"></li>
<li value="BRAND A" color="Yellow"><img src="images/9.jpg"></li>
<li value="BRAND B" color="Yellow"><img src="images/10.jpg"></li>
</div>
我知道这些查询。
$("#products").find("li:visible") //query to find visible li
$('li[value="ItemA"][color="Red"]).hide() // query with attribute selectors
选择这样的 li 的 jquery 语句是什么？