ansaurus

Question

Answer 1

+1 A:

put this inside the downloadIt() function right after all the setTimeOuts are called

var curr_val = $('#downloaded').text();
var new_val = parseInt(curr_val)+1;
$('#downloaded').text(new_val);

Gerard Banasig 2010-01-26 09:56:49

thank you for quick replies. :) Thanks to everybody for the great help =P .

Ahsan 2010-01-26 10:06:22

Answer 2

A:

How about this:

var num = $("div#downloaded").html();
var num_new  = parseInt(num, 10) + 1; // number add here as you want
$("div#downloaded").html(num_new);

Sarfraz 2010-01-26 09:57:04

Answer 3

A:

var div = $('#downloded');
div.text(parseInt(div.text(), 10) + 1);

Example (click anywhere): http://jsbin.com/edure

Kobi 2010-01-26 09:57:12

Answer 4

A:

Something like this will do:

i = parseInt($("#downloaded").text());
$("#downloaded").text((i+1));

kgiannakakis 2010-01-26 09:57:57

Answer 5

A:

var downloadCount = Number($("#downloaded").text);
$("downloaded").text(downloadCount + 1);

The first part gets the text in that element and re-casts it as a number, thus avoiding any issues where you might get "2301" instead of "231". The second part sets the text to the value + 1.

Wrap this into a function and call that function whenever download is clicked.

Anthony 2010-01-26 10:05:52

Answer 6

A:

How about this script:

<html>
  <head>
    <title>My Title</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"&gt;&lt;/script&gt;
    <script type="text/javascript">
      $(function(){
          var total_download = 0;
          $("#download-it").click(function(){
            total_download = total_download + 1;
            $("#downloaded").text("Downloaded: " + total_download);
return false;
          });
        });
    </script>
  </head>
  <body>
    <form>
      <div id="downloaded">Downloaded: 0</div><br />
    <a id="download-it" href="#">click me!</a>
  </form>
  </body>
</html>

kuntoaji 2010-01-26 10:12:07

great..!! it worked like a charm

Ahsan 2010-01-26 10:22:27

Answer 7

+1 A:

This is an opportunity to use new jQuery 1.4 hotness :-)

$("#downloaded").text( function (i,current) { return parseInt(current)+1;} ) ; //Works with jQuery1.4 and above

If you give a function to .text() the second parameter is the current value, so you can use it in the function as you wish.

Edit: You can aslo use return +current+1; instead of return parseInt(current)+1; so that you get 0+1=1 instead of NaN+1=NaN in case you start with an empty div.

Pat 2010-01-26 10:30:08

+1 for the extremely jqueryish one-linerism approach.

nikc 2010-01-26 10:35:27

ansaurus

tags:

views:

answers:

jQuery update a a number within a div

related questions