如果一个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显示。我做了很多谷歌搜索,但没有快乐。这可能太基本了!
答案 0 :(得分:3)
您的代码中有一些不正确的内容:
text
或div
将parseInt()
值从parseFloat()
转换为数字,以满足您的需求。没有它,比较将基于字符串并产生意想不到的结果。所以,我在这里将两个值都转换为整数,并检查租约是否大于限制,隐藏#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
。试试这个:
$("#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;
答案 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>