选择大于和小于某些动态值的单元格

Question

我想选择大于a且小于b的单元格，其中a和b是某些输入框的值。

这是我的代码：

$a = $("#box1").val();
$b = $("#box2").val();
$("#table tr").each(function(){
$(this).find("td:lt("+$a+"):gt("+$b+")").css("background-color","#FF00FF");
}); 

但它没有突出显示任何列

Answer 1

如果您想通过index值突出显示列，可以使用slice

http://api.jquery.com/slice/

$(this).slice(start,end).css("background-color","#FF00FF");

完整代码

$a = $("#box1").val();
$b = $("#box2").val();
$("#table tr").each(function(){
 $(this).find("td").slice($a,$b).css("background-color","#FF00FF");
});

Live Demo

Answer 2

使用slice方法从a到b索引中进行选择：

var a = $("#box1").val();
var b = $("#box2").val();
$("#table tr").slice(a,b).css("background-color","#FF00FF");

Answer 3

您应该将文本值解析为int，然后在gt和lt

中使用它们

<强> Working Fiddle

$a = parseInt($("#box1").val());
$b = parseInt($("#box2").val());
$("#table tr").each(function(){
$(this).find("td:lt("+$a+"):gt("+$b+")").css("background-color","#FF00FF");
});