在我的实习中,我必须为表格创建一个过滤器,该过滤器必须仅显示您给定的值之间的行。
我使用 jQuery UIrange slider
我有一个普通的 HTML 表格。
我无法让它工作,我尝试了很多不同的事情。
这是我的代码:
$(function() {
$( "#slider-range" ).slider({
range: true,
min: 0,
max: 500,
values: [ 75, 300 ],
slide: function( event, ui ) {
$( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
$( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
" - $" + $( "#slider-range" ).slider( "values", 1 ) );
$("#ADC_DAC").find("td:nth-child(0)").filter(function () {
return parseInt($(this).text()) < $( "#slider-range" ).slider( "values", 0 );
}).parent().hide();
$("#ADC_DAC").find("td:nth-child(0)").filter(function () {
return parseInt($(this).text()) > $( "#slider-range" ).slider( "values", 1 );
}).parent().hide();
}
});
});
滑块有 IDslider-range
和表 IDADC_DAC
。
我的表是这样组成的:
<table id="ADC_DAC">
<tr>
<td>h1</td>
<td>h2</td>
<td>h3</td>
</tr>
<tr>
<td>23</td>
<td>test</td>
<td>test2</td>
</tr>
</table>
但随后行数更多,第一行的值在 0 到 500 之间(需要过滤)