jQuery - 隐藏属性值在两个值之间或两个值之间的div

时间:2011-08-24 15:44:42

标签: jquery-selectors

我尝试隐藏属性值在两个值之间的div或在两个值之间(会更好)

- >我的JS文件

$('#button').toggle(function() {
$('#wrapper').find('div.object').filter(function() {
 return $(this).attr("value") < 800000;}).css('height','0px');
return false; 
}, function() {
$('#wrapper').find('div.object').filter(function() {
 return $(this).attr("value") < 800000;}).css('height','90%');
return false;

});

- &gt;我的HTML

<input type="submit" id="button" value="under 800k">
<div id="wrapper">
<div class="object" value="805000">London</div>
<div class="object" value="710000">Paris</div>
<div class="object" value="860400">Milan</div>
</div>

谢谢你的帮助!

1 个答案:

答案 0 :(得分:1)

这会切换div的可见性,其值介于700k和800k之间。

$('#button').click(function() {
    $('#wrapper div.object').filter(function() {
        var v = $(this).attr("value");
        return v > 700000 && v < 800000;
    }).toggle();
});

演示:http://jsfiddle.net/m3LxR/3/