Change text to uppercase : text « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. text

Change text to uppercase

    


<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.Assign text value to DIV
2.Replace Span Text Value
3.Output HTML as text
4.Get text from tag
5.Set text for tag
6.text() returns a string that contains the combined text contents of all matched elements
7.text is similar to html(), but escapes HTML (replace "<" and ">" with their HTML entities).