Set constructed value : html « jQuery « JavaScript DHTML

Set constructed value

    
<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
              var words = $("b:first").text().split(" ");
              var text = words.join("</span> <span>");

              $("b:first").html("<span>" + text + "</span>");


        });
    </script>
     <style>
     span{color:red}
     </style>
  </head>
  <body>
    <body>
      
       <b>Hello asdf asdf</b>
    </body>
</html>

Related examples in the same category

1.	Assign HTML to
2.	Get HTML code
3.	Get HTML string and assign to text node
4.	Hides all the input elements within a form
5.	Hide show paragraph
6.	Hide slow
7.	Hide tag slowly
8.	html() get html contents (innerHTML) of matched element
9.	html(val) sets html contents of every matched element