jQuery: Insert a DOM elements after all paragraphs

jQuery Fundamental - I : Exercise-9

Using jQuery insert a DOM element after all paragraphs.

Sample solution :

HTML Code :

<!DOCTYPE html>
  <script src="https://code.jquery.com/jquery-git.js"></script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Using jQuery insert a DOM element after all paragraphs.</title>
  <style type="text/css">
  button {
  display: block;
  margin: 20px 0 0 0;
  }   </style>
  <p>jQuery Exercises</p>
  <button id="button1">Click to see the effect</button>

JavaScript Code :

$( "p" ).after( document.createTextNode( "with solution." ) );

Used Methods :

  • .after() : Insert content, specified by the parameter, after each element in the set of matched elements.

See the Pen jquery-fundamental-exercise-9 by w3resource (@w3resource) on CodePen.

Contribute your code and comments through Disqus.

Previous: Using jQuery insert some HTML after all paragraphs.
Next: Using jQuery insert a jQuery object (similar to an Array of DOM Elements) after all paragraphs.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.

Follow us on Facebook and Twitter for latest update.

We are closing our Disqus commenting system for some maintenanace issues. You may write to us at reach[at]yahoo[dot]com or visit us at Facebook