ドキュメント

Manipulation/insertAfter

From jQuery JavaScript Library

Jump to: navigation, search

« Back to Manipulation

insertAfter( selector )

Insert all of the matched elements after another, specified, set of elements. As of jQuery 1.3.2, returns all of the inserted elements.

The elements must already be inserted into the document (you can't insert an element after another if it's not in the page).

Arguments:
selectorString
Content after which the selected element(s) is inserted.
Examples:

Inserts all paragraphs after an element with id of "foo". Same as $("#foo").after("p")

$("p").insertAfter("#foo"); // check after() examples

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script>
  $(document).ready(function(){
    $("p").insertAfter("#foo"); // check after() examples
  });
  </script>
  <style>#foo { background:yellow; }</style>
</head>
<body>
  <p> is what I said... </p><div id="foo">FOO!</div>
</body>
</html>

NameType