Add LI to UL : map « jQuery « JavaScript DHTML

Add LI to UL

    


<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
           var mappedItems = $("li").map(function (index) {
              var data = $("<li>").text($(this).text()).get(0);
              $(data).text($(data).text().toUpperCase());
              return data;
           });
           $("#results").append(mappedItems);
        });
    </script>
  </head>
  <body>
    <body>
      <ul>
        <li>asdf</li>
        <li>asdf</li>
        <li>asdf</li>
      </ul>
      <ul id="results">
      </ul>
  </body>
</html>

Related examples in the same category

1.	Add node to tag
2.	Map each parents
3.	Map to join strings
4.	Map value function
5.	Map value only
6.	Map value with index and value
7.	Traversing-Map
8.	Map and split
9.	Map and isNaN
10.	map(callback) builds lists of values, attributes, css values
11.	Map and index
12.	Find all parent elements of each paragraph.
13.	Use map to join the selected tag names
14.	map function and switch
15.	Nested map and each function
16.	Use variable defined outside in map function