Map and index : map « jQuery « JavaScript Tutorial






<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 replacement = $("<li>").text($(this).text()).get(0);
              if (index == 0) {
                $(replacement).text($(replacement).text().toUpperCase());
              } 
              return replacement;
            });
            $("#results").append(mappedItems);
                    

        });
    </script>
  </head>
  <body>
    <body>
          <ul>
            <li>Abc</li>
            <li>Bcd</li>
            <li>Cde</li>
          </ul>
          <ul id="results">
          </ul>
    </body>
</html>








30.66.map
30.66.1.Add LI to UL
30.66.2.Add node to tag
30.66.3.Map each parents
30.66.4.Map to join strings
30.66.5.Map value function
30.66.6.Map value only
30.66.7.Map value with index and value
30.66.8.Traversing-Map
30.66.9.Map and split
30.66.10.Map and isNaN
30.66.11.map(callback) builds lists of values, attributes, css values
30.66.12.Map and index
30.66.13.Find all parent elements of each paragraph.
30.66.14.Use map to join the selected tag names
30.66.15.map function and switch
30.66.16.Use variable defined outside in map function
30.66.17.Nested map and each function