Question

如何使用数字值显示元素，点击功能

HTML

<p>
    <button>Run</button>
</p>

<p>
   <span id="demo">1000</span>
</p>

<p id="result">Lorem Ipsum</p>

jquery的

$('button').click(function(){
    $('#demo').filter(function(index){
    var num = parseInt(this.textContent);
    return num >= 1000;
    }).find('#result').show();
});

的CSS

#result{
    display:none;
}

Demo Fiddle

Answer 1

您可以使用此代码。基本上在按钮单击时，您将获得数字（innerHTML），如果该数字是＆gt; = 1000，则在结果上调用show（）或在结果上调用hide（）。

$('button').click(function(){
  var number = $('#demo').html();
  if (number >= 1000) {
    $("#result").show();
  }else{
    $("#result").hide();
  }
});

Here is the link to updated JSFriddle

Answer 2

您并未在适当的上下文中使用过滤器。 Filter返回一个数组，而你真正需要的只是元素中的值并进行检查。
您还错误地使用find，因为查找仅查找后代，结果不是

你可以简单地使用你的代码：

$('button').click(function(){
  var num = parseInt($("#demo").html());
  if (num >= 1000) $("#result").show();
});

Answer 3

如果值大于或等于1000，您需要解析demo div的文本内容并显示结果div。

示例代码段：

＆＃13;

$('button').click(function() {
  if (parseInt($('#demo').html()) >= 1000) {
    $('#result').show();
  }
});

＆＃13;

#result {
  display: none;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>
  <button>Run</button>
</p>

<p>
  <span id="demo">1000</span>
</p>

<p id="result">Lorem Ipsum</p>

＆＃13;

显示具有数字值的元素

3 个答案: