Question

我正在尝试使用jQuery设置过滤器。我会有一定数量的div s，每个都有一个数值（让我们说价格）。

我希望有一个文本框和按钮，用于筛选出高于给定值的任何div。例如，如果我输入10并点击过滤器，则隐藏所有数字值为10或更高的div。

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

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

Answer 1

也许这样的事情，通过div class prices的每一个int进行迭代获取值，将其解析为textbox，将其与id的{{1}} <{1}}进行比较

myTextBox

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

根据数字量输入过滤div

2 个答案: