jQuery Conditional Statement using Int within a div

Question

So, my question in it's most basic form:

<div id="total"> 0 </div>

and what I'm hoping to accomplish with jQuery:

$(document).ready(function() {
  if ("#total" > 2){
    /*do something*/
  }   
});

I feel like this should be something relatively easy, but the syntax is escaping me. Any help would be extremely helpful. Thanks!

Rob

James Allardice · Accepted Answer · 2011-11-15 16:18:43Z

4

You can use the text method to get the text of an element, and parseInt to get a Number from that:

if(parseInt($("#total").text(), 10) > 2) {
    //Do something
}

Here's a working example.

Note how the selector (#total) is passed into jQuery ($(selector)). In your question you have the correct selector, but it's just a string, so your if statement would compare the string "#total" to the number 2.

edited Nov 15, 2011 at 16:18

answered Nov 15, 2011 at 16:13

James Allardice

166k22 gold badges335 silver badges316 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Rob Erskine Over a year ago

Oh okay great, thanks so much. I really appreciate the explanation as well. This may be an entirely different question, but if #total goes over 2 at any time, the event should be triggered correct?

Xyan Ewing Over a year ago

@RobErskine, No, this event will only be triggered if #total is greater than 2 on document.ready.

Rob Erskine Over a year ago

Thanks Xyan. Is there a way to make it update if the int changes?

Rob Erskine Over a year ago

Figured it out - I threw the conditional statement within a mousedown function. Thanks everyone for the help again

Royi Namir · Accepted Answer · 2011-11-15 16:13:25Z

0

$(document).ready(function() {

     if (parseInt($.trim(("#total").text()),10) > 2){
         /*do something*/
    }   
});

answered Nov 15, 2011 at 16:13

Royi Namir

149k145 gold badges502 silver badges833 bronze badges

1 Comment

James Allardice Over a year ago

You shouldn't need the trim as parseInt doesn't care about spaces.

Galled · Accepted Answer · 2011-11-15 16:13:57Z

0

Try with this:

$(document).ready(function() {
     if (parseInt($("#total").text()) > 2){
         /*do something*/
    }   
});

answered Nov 15, 2011 at 16:13

Galled

4,2012 gold badges30 silver badges41 bronze badges

Comments

Patricia · Accepted Answer · 2011-11-15 16:14:15Z

0

this should do it.

if(parseInt($('#total').text()) > 2){
   //do something.
}

answered Nov 15, 2011 at 16:14

Patricia

7,8024 gold badges40 silver badges70 bronze badges

Comments

rogerlsmith · Accepted Answer · 2011-11-15 16:14:02Z

-1

try -

if (("#total").val() > 2)

answered Nov 15, 2011 at 16:14

rogerlsmith

6,7982 gold badges22 silver badges27 bronze badges

2 Comments

James Allardice Over a year ago

As #total is a div element it won't have a value property which is what val returns.

aziz punjani Over a year ago

Won't work for divs. The .val() method is primarily used to get the values of form elements such as input, select and textarea

Collectives™ on Stack Overflow

jQuery Conditional Statement using Int within a div

5 Answers 5

4 Comments

1 Comment

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

4 Comments

1 Comment

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related