追加された要素からjQueryオブジェクトを取得する簡単な方法
-
22-07-2019 - |
質問
jQuery appendを使用して要素を追加するための簡単な方法はありますか
$ selectors要素の取得方法:
$container.append('<div class="selectors"></div>');
var $selectors = $('.selectors', $container);
試しました:
var $selectors = $container.append('<div class="selectors"></div>');
しかし$ selectors = $ containerになります
たぶん、これが最も速くて最良の方法です。確認するだけです。
解決
なぜそれだけではない:
var el = $('<div class="selectors"></div>');
$container.append(el);
?
その後、「el」にアクセスできます。
他のヒント
これは私のお気に入りの方法です:
var $selectors = $('<div class="selectors"></div>').appendTo(container);
$selectors = $('<div/>').addClass('selectors').appendTo($container);
新しいjQuery関数を作成して実行することもできます。
jQuery.fn.addChild = function(html)
{
var target = $(this[0])
var child = $(html);
child.appendTo(target);
return child;
};
そして次のように使用します:
$('<ul>').addChild('<li>hi</li>');
もちろん、複数のアイテムを追加したい場合:
var list = $('<ul>');
list.addChild('<li>item 1</li>');
list.addChild('<li>item 2</li>');
このようなアプローチの利点は、後で「addChild」にさらに追加できることです。必要に応じて機能します。上記の両方の例では、要素をドキュメントに追加する必要があるため、完全な例は次のようになります。
$('body').addChild('<ul>').addChild('<li>hi</li>');
所属していません StackOverflow