根据数值数量条目过滤div

Question

我正在尝试使用jQuery设置筛选器。我将有一定数量的价格，每个价格都有一个数值(假设div)。

我想有一个文本框和按钮，过滤掉任何高于给定值的div。例如，如果我输入10并点击filter，所有数值大于或等于10的div都会被隐藏。

我只能找到通过按钮like this执行的过滤脚本，但它们都不使用数字值。

任何帮助都是非常感谢的。请记住，我的JavaScript技能有限！

Answer 1

事情是这样的：

http://jsfiddle.net/SMPAq/1/

更新：

好的，整个事情是这样的：

<script>
function sortmebaby()
{
    var divList = $('#containerMonkey div[id^="monkey_"]');  

$.each(divList, function(index, value)
{
    console.log($(value).attr('xprice'));
    if ( $(value).attr('xprice') > $('#mankipower').val())
        $(value).hide();
    else
        $(value).show();
    //alert(index + ': ' + value);
});

}
</script>

<div id="containerMonkey">
    <div id="monkey_1" xprice="1">1</div>
    <div id="monkey_2" xprice="2">2</div>
    <div id="monkey_3" xprice="3">3</div>
    <div id="monkey_4" xprice="4">4</div>
    <div id="monkey_5" xprice="5">5</div>
</div>
<input type="text" name="mankipower" id="mankipower">
<input type="button" value="PUSH" onclick="sortmebaby()">

Answer 2

也许像这样，遍历每个class为prices的div，获得值，将其解析为int，将其与textbox和id为myTextBox进行比较

$('div.prices').each(function() {
    var value = parseInt($(this).text());
    if (value >= parseInt($('#myTextBox').val()))
       $(this).hide();
    else 
       $(this).show();
})

jsFiddle