Question

我需要一个div来显示剩余天数是否小于0
我有这个工作jsfiddle 但是当我尝试在其他地方打开它时它不会运行

＆＃13;

if ($('.daysrem').html() >= 0) {
  $("#warningexp").hide();
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div class="daysrem">3</div>
<br>
<div id="warningexp"><span style="background-color: red; padding: 10px; color:white; font-size:16px"><b>MEMBERSHIP EXPIRED</b></span>
</div>

＆＃13;

Answer 1

嗯，这很容易。您的代码指向类名.daysrem。您的HTML具有类.days_remaining。他们只是不匹配。此外，您的代码指向隐藏ID为#warningexp的div，在您的HTML中，您的div为#expired。你需要照顾那些类和id。如果你的jQuery代码与它们不匹配，它就无法工作。

请改为尝试：

if ($('.days_remaining').html() >= 0) {
  $("#expired").hide();
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div class="days_remaining">3</div>
<br>
<div id="expired"><span style="background-color: red; padding: 10px; color:white; font-size:16px"><b>MEMBERSHIP EXPIRED</b></span>
</div>

Answer 2

根据你的div匹配，因为lonic说并且喜欢它在你的jsfiddle，你可能忘记了document.ready（）

$( document ).ready(function() {
  if ($('.daysrem').html() >= 1) {
     $("#warningexp").hide();
  }
});

Answer 3

我认为应该是：

if ($('.daysrem').text() >= 0) {
  $("#warningexp").hide();
}

希望这有帮助。

当值大于0时隐藏div

3 个答案: