Add before and after : before « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. before

Add before and after

 



<html>
  <head>
    <script type='text/javascript' src='js/jquery-1.3.2.js'></script>
    <script type='text/javascript'>
$(document).ready(
  function() {
    $('p')
      .before(
        "<h4>Quotes</h4>"
      )
      .after(
        "<p class='tmpAttribution'>\n" + 
        " - after\n" +
        "</p>\n"
      );
  }
);
    </script>
    <style type='text/css'>
p {
    margin: 5px;
}
p.tmpAttribution {
    text-align: right;
}
    </style>
  </head>
  <body>
     <p>
       asdf
     </p>
  </body>
</html>








Related examples in the same category

1.Add tag before
2.Add text node before
3.before(content): Insert content before each of the matched elements.
4.Inserts some HTML before all paragraphs.
5.Inserts a DOM element before all paragraphs.
6.Inserts a jQuery object (similar to an Array of DOM Elements) before all paragraphs.