Wraps a newly created tree of objects around the spans

 

<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){

          $("span").wrapAll("<div><div><p><em><b></b></em></p></div></div>");
                
         
        });
    </script>
    <style>
    
      div { border:2px blue solid; margin:2px; padding:2px; }
      p { background:yellow; margin:2px; padding:2px; }
      strong { color:red; }
      
    </style>

    
  </head>
  <body>
    <body>
          <span>Span Text</span>
                 
    </body>
</html>

Related examples in the same category

1.	Append to another tag
2.	Click to change span text
3.	Set span color
4.	Span click event
5.	Convert data from span, parse and update
6.	Animates span to hide fastly
7.	Finds the last span in each matched div and adds some css plus a hover state.
8.	Finds the first span in each matched div to underline and add a hover state.
9.	Animates all span and input elements to show normally

Wraps a newly created tree of objects around the spans : Span « jQuery « JavaScript DHTML

Related examples in the same category