Wrap p with div tag : wrap « jQuery « JavaScript DHTML






Wrap p with div tag

 


<html>
  <head>
    <script type='text/javascript' src='js/jquery-1.3.2.js'></script>
    <script type='text/javascript'>
$(document).ready(
  function() {
    $('p').wrap('<div></div>');
  }
);
    </script>
    <style type='text/css'>

h4, p {
    margin: 5px;  
}
div {
    background: #fedd58;
    border: 1px solid #ebcb49;
    margin: 3px;
}
    </style>
  </head>
  <body>
    <p>
      asdf
    </p>

  </body>
</html>

   
  








Related examples in the same category

1.Wrap to create and add a border
2.Wrap another tag
3.wrap(html): injecting additional structure into a document
4.Wrap a new b around all of the paragraphs.
5.wrap(elem): Wrap each matched element with the specified element.