Append SPAN one after another : children « jQuery « JavaScript Tutorial






  1. JavaScript Tutorial
  2. jQuery
  3. children
<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("input").keypress(function (e) {
                var c = String.fromCharCode(e.which);
                $("p").append($("<span/>")).children(":last").append(document.createTextNode(c));
                $("div").text(e.which);
            });
        });
    </script>
  </head>
  <body>
    <body>
     <input type="text" />
      <p>Add text - </p>
      <div></div>

    </body>
</html>








30.23.children
30.23.1.Append SPAN one after another
30.23.2.Children from DIV
30.23.3.Get target children length
30.23.4.children(expr): filter with an optional expression
30.23.5.Attaches a change event to the select that gets the text for each selected option