after(content)


version 1.0 以降

解説

マッチした要素の後（弟要素）に、指定した内容を追加します。

引数

  • content
    Element, HTML String, jQuery: 弟要素に追加する内容

戻り値

  • jQuery: jQueryオブジェクト

関連


例

例1:p 要素の後（弟要素）に 水平線 を追加します。 

$('#test_result p').after('<hr>');

段落１（p要素）

段落２（p要素）

段落３（p要素）


after(content) と append(content)の違い

対象要素(target) の内部（子要素）に追加するか、外部（弟要素）に追加するかが異なります。

target

append
after
ページトップヘページトップヘ

Manipulation
after(content)
after(fn)
append(content)
append(fn)
appendTo(target)
before(content)
before(fn)
clone()
clone(true)
detach([selector])
empty()
insertAfter(target)
insertBefore(target)
prepend(content)
prepend(fn)
prependTo(target)
remove([selector])
replaceWith(content)
replaceWith(fn)
replaceAll(selector)
unwrap()
wrap(wrappingElement)
wrap(fn)
wrapAll(wrappingElement)
wrapInner(wrappingElement)
wrapInner(fn)


ページトップヘページトップヘ