javascript - 显示具有数值的元素

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)，如果该数字 >= 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