Find all children of the clicked element. : click « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. click

Find all children of the clicked element.

  


<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
                
               $("#container").click(function (e) {
                
                  var $kids = $(e.target).children();
                  alert($kids.length);
            
           
                  e.preventDefault();
                  return false;
                });
                    

        });
    </script>
  </head>
  <body>
    <body>
        <div id="container">
        <div>
          asdf
        </div>
        </div>
          
    </body>
</html>








Related examples in the same category

1.To trigger the click event on all of the paragraphs on the page:
2.Stop click event
3.Add click listener to links in unordered list