ベストセラー人気 WordPress テーマTop 30 詳細

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

Last Updated:2020年11月15日| コメントを残す
  • Naver ブログを共有する
  • Naver バンドに共有する
  • Facebook 共有する
  • Twitter 共有する
  • 카카오스토리공유하기

特定の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);

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



コメントを残す

コメント