使用jQuery数据并隐藏if是否相等

时间:2014-08-14 19:43:09

标签: javascript jquery

如果数据顺序等于或小于输入值,我想隐藏div,如:

<input type="text" name="budgetmax" value="50000" />

<div class="user-item" data-order="5000">asdddsdf </div>

这是jquery:

if(jQuery('input[type="text"][name="budgetmax"]').val() < jQuery('.user-item').data('order') )  
    {   
     jQuery('.user-item').hide();    
    }

但到目前为止似乎没有用:(

2 个答案:

答案 0 :(得分:1)

在这里: DEMO

$('input[type=text]').blur(function(){
    if($('.user-item').data('order')<=$(this).val()){
        $('.user-item').hide(200);
    }
    else{
        $('.user-item').show(200);
    }
});

在输入的blur事件中,它将检查并按要求执行。

答案 1 :(得分:0)

您将<>混为一谈。如果你想在data-order is equal or less than the input value时隐藏div,那么你的代码应该是:

if ($('input[type="text"][name="budgetmax"]').val() > $('.user-item').data('order')) {
    $('.user-item').hide();
}