jQuery:如何根据数值隐藏div?

时间:2012-08-14 18:30:48

标签: javascript jquery

如果跨度中的数字为0,我正试图在页面加载时隐藏div。

这是我尝试使用的,但没有用:

$(document).ready(function() {

   var x = $("span#number").val();

   if (x = 0){
     $("div#container").hide();
   };    

});​

这是我设置的小提琴:http://jsfiddle.net/Cmsvj/

我如何使这项工作?

2 个答案:

答案 0 :(得分:4)

对于span元素,您应该使用text()方法而不是val(),也可以在if语句中使用=更改==运算符,而不是比较值你正在分配价值:

$(document).ready(function() {
   var x = $("span#number").text();
   if (x == 0){
     $("div#container").hide();
   };        
});​

DEMO

答案 1 :(得分:1)

http://jsfiddle.net/Cmsvj/1/

$(document).ready(function() {
   var x = $("span#number").text();

   if (+x === 0){
     $("div#container").hide();
   };
});
  1. 使用.text代替.val - <span>不是输入元素。
  2. 使用===表示平等; =用于转让。
  3. 使用+转换为数字(.val返回字符串)。
  4. 在jsFiddle中选择jQuery。