How to add a number to a jQuery Object itself

Question

I want to add a number to a particular jQuery Object like this.

$('#count').text(Number($('#count').text()) + 1);

It works, but it's a little redundant to write same selector and text() method twice. Is there better way to do this with jQuery, like $('#count').text(Number(this) + 1);?

there is - don't use the document as your primary data storage. — John Dvorak
– John Dvorak, Commented Feb 10, 2014 at 12:02
@c-link that probably won't work. And if it does, you can replace both occurences of the selection — John Dvorak
– John Dvorak, Commented Feb 10, 2014 at 12:06

lonesomeday · Accepted Answer · 2014-02-10 12:01:39Z

5

Yes, with the callback argument to $.fn.text:

$('#count').text(function(i, oldText) {
    return +oldText + 1;
});

Within the callback, oldText is set to the existing value. We use the unary plus + operator to convert it to a number (this is better than using Number()). The return value of the callback is set as the element's new text value.

answered Feb 10, 2014 at 12:01

lonesomeday

239k54 gold badges330 silver badges329 bronze badges

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

Collectives™ on Stack Overflow

How to add a number to a jQuery Object itself

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related