根据数字数量条目筛选div

Question

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

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

我只能找到通过这样的按钮执行的过滤器脚本，但是没有一个使用数值。

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

Answer 1

也许是这样的，迭代具有prices的class的每个div获取值，将其解析为int，将其与textbox和myTextBox的id进行比较

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

jsFiddle

Answer 2

事情是这样的:

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()">