[jQuery]既存のDIVの直後に新しいDIV追加する

Last Updated:2023年07月17日| | コメントを残す

特定のDIV次の新しいDIVを追加し、必要なクラスを付与したい場合があります。 この場合は、ソースを変更することができればいいのですが、そうでない場合 jQueryのを使用することができます。 いくつかの方法を考えてみることができます。 まず、次のようなスクリプトがあります。

var myClass = "thisIsMyClass";
var div = $("<div></div>").addClass(myClass);
$(this).after(div);

たとえば、次のように応用することができます。

var myClass = "thisIsMyClass";
var div = $("<div>원하는 텍스트</div>").addClass(myClass);
$(".current").after(div);

jsfiddleで、実際の動作を確認することができます。 もう少し簡潔には、次のようなスクリプトでも可能です。

$('<div>Mr. Kim</div>',{ class : 'sample'}).appendTo(".current");

또는

$("<div>Mr. Kim</div>").insertAfter(".current").addClass(myClass);

実際の動作は、 ここここでそれぞれ確認することができます。 上記と同じ結果が出ます。


コメントを残す

コメント