jquery replaceWithメソッド

TOPページに戻る > jquery入門

スポンサード リンク

jquery replaceWith()メソッド

replaceWithメソッドは、セレクタで指定した要素を引数に指定した要素に置き換えます
要素のほかにテキストも置き換えられます
結果的に指定された要素が消えて、新しく指定した要素が表示されます

$("置き換えられる要素").replaceWith("置き換える要素")

指定したHTML要素を引数に指定した要素に置き換えます

jquery

$(function() {
	$("span#hoge").replaceWith("<b>置き換えられました</b>");
});

html

<span id="hoge">置き換え前の要素</span>

実行前

置き換え前の要素

実行後

置き換え前の要素

実行後のhtml

実行後は引数で指定した要素に置き換わっています
<b>置き換えられました</b>




(C)2012 ホームページ作成無料