Count the divs. Click to add more. : length « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. length

Count the divs. Click to add more.

 
<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){

               $(document.body).click(function () {
                  $(document.body).append($("<div>asdf</div>"));
                  var n = $("div").length;
                  $("span").text("There are " + n + " divs." + "Click to add more.");
               }).trigger('click');

        });
    </script>
  </head>
  <body>
    <body>
        <span>asdf</span>
        <div>asdf</div>
    </body>
</html>








Related examples in the same category