text jQuery的要素の追加·移动

Posted 2021-05-03

■要素の移動
・append
$("移動先の要素").append("移動する要素")

複数の要素の場合
$("移動先の要素").append("移動する要素1","移動する要素2")

・appendTo
$("移動する要素").appendTo("移動先の要素")
複数要素やテキストだけの追加に対応していない

・prepend
$("移動先の要素").prepend("移動する要素")

複数の要素の場合
$("移動先の要素").prepend("移動する要素1","移動する要素2")

・prependTo
$("移動する要素").prependTo("移動先の要素")
複数要素やテキストだけの追加に対応していない


■要素の追加
・after
$("移動先の要素").after("移動する要素")

複数の要素の場合
$("移動先の要素").after("移動する要素1","移動する要素2")

・insertAfter
$("移動する要素").insertAfter("移動先の要素")
複数要素やテキストだけの追加に対応していない

・before
$("移動先の要素").before("移動する要素")

複数の要素の場合
$("移動先の要素").before("移動する要素1","移動する要素2")

・insertBefore
$("移動する要素").insertBefore("移動先の要素")
複数要素やテキストだけの追加に対応していない