I am using JavaScript with jQuery. I have the following
var $ticket = $nxt.parent().prev().children('.ticket');
and $ticket.text() is integer 1.
I want to increment it by 1 when when I click as;
$('.next').click(function()
How can I do this??
A fancy solution would be
$.fn.extend({
increment: function () {
return this.text( function (i, currentText) {
return parseInt(currentText, 10) + 1;
});
}
});
In your case use as:
$nxt.parent().prev().children('.ticket').increment();
Also see this jsFiddle.
.text() call. I was looking for the .each() that is normally needed to iterate over a jQuery object. Nice :)return parseInt(t, 10) + 1 - see jsfiddle.net/alnitak/kcpLV
Somewhat inspired by the original version of Tomalak's answer, you can use the callback-based version of .text to change the value in a single jQuery call:
$ticket.text(function(i, t) {
return parseInt(t, 10) + 1;
});
For those of you that tried to use ++, it won't work for two reasons:
++ on variables, not the return value of a function
$ticket.click(function(e) {
$(this).val(parseInt($(this).val()) + 1);
e.preventDefault();
});
.val() only works on form field and $ticket does not appear to be a form field.
this is 08? :PTry this
$ticket.val($ticket.val()+1)
EDIT
$ticket.text(parseInt($ticket.text(),10)+1);
If the element is somwhere other than a form
Sorry for the mistake, ++ doesnt work here. Have edited the solution accordingly.
$ticket is not a form field.
$ticket.text($ticket.text()+1); is adding 1 at the end of value.. why is this happening and how to fix??
ReferenceError: Invalid left-hand side expression in postfix operation for using ++ this way. You can only use it on variables.
.html()documentation? api.jquery.com/html (although.text()would be better here imo).$ticket.data("currentIndex", 1);$ticket.data("currentIndex", $ticket.data("currentIndex") + 1);