如果一个div中的值高于其他值

时间:2016-06-15 09:42:50

标签: jquery

如果一个div中的值高于另一个div,我试图隐藏div。到目前为止,我有这个:

<div class="limit">500</div>
<div class="leased">600</div>
<div id="next">next</div>
$("#next").toggle($(".leased").text() > $(".limit").text());

因此,如果.leased div中的值高于.limit div中的值,则隐藏#next div。

目前我只是看到所有div显示。我做了很多谷歌搜索,但没有快乐。这可能太基本了!

4 个答案:

答案 0 :(得分:3)

您的代码中有一些不正确的内容:

  1. 您需要使用textdivparseInt()值从parseFloat()转换为数字,以满足您的需求。没有它,比较将基于字符串并产生意想不到的结果。
  2. 所以,我在这里将两个值都转换为整数,并检查租约是否大于限制,隐藏#next元素,否则显示#next

    if( parseInt($(".leased").text()) > parseInt( $(".limit").text() ) )
    {
      $("#next").hide();
    } 
    else
    {
      $("#next").show();
    }
    

    正如其他人所说,https://github.com/firebase/firebase-tools/issues/155。因此,只需向其添加parseInt()parseFloat()即可修改您自己的代码:

    $("#next").toggle(parseInt($(".leased").text(), 10) < parseInt($(".limit").text(), 10));
    

答案 1 :(得分:1)

您的代码已关闭,您只需将使用parseInt()转换为与整数进行比较的值即可。当#next值更高时,您还需要反转比较以隐藏.leased。试试这个:

&#13;
&#13;
$("#next").toggle(parseInt($(".leased").text(), 10) < parseInt($(".limit").text(), 10));
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="limit">500</div>
<div class="leased">600</div>
<div id="next">next</div>
&#13;
&#13;
&#13;

答案 2 :(得分:0)

这不是php代码,只是jquery!你应该在运行函数之前先写下你的条件..

if($(".leased").text() > $(".limit").text()){
$("#next").toggle();
}

答案 3 :(得分:0)

请看下面的代码段。

//$("#next").toggle($(".leased").text() > $(".limit").text());
//alert($(".leased").text());
//alert($(".limit").text());

if($(".leased").text() > $(".limit").text()){
    $("#next").toggle();
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="limit">500</div>
<div class="leased">600</div>
<div id="next">next</div>