Javascript 用数值显示元素

如何使用单击功能显示具有数值的元素

html

Css

您并没有在适当的上下文中真正使用过滤器。过滤器返回一个数组，而您真正需要的只是元素的值并检查它

您还错误地使用了find，因为find只查找子代，而结果不是

您可以简单地将代码转换为：

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

---

您可以使用此代码。基本上，单击按钮，您将获得numberinnerHTML，如果该数字大于等于1000，则在结果时调用show或在结果时调用hide

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

---

若值大于或等于1000，则需要解析demo div的文本内容并显示result div

示例代码段：

$“按钮”。单击功能{ 如果parseInt$'demo'.html>=1000{ $‘结果’。显示； } }; 结果{ 显示：无； } 跑

1000

Lorem Ipsum

id在HTML文档中应该是唯一的，因此不需要筛选。

#result{
    display:none;
}

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

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