86

jQuery append を使用して要素を追加する簡単/迅速な方法はありますか?

$selectors 要素を取得する方法:

$container.append('<div class="selectors"></div>');
var $selectors = $('.selectors', $container);

私は試した：

var $selectors = $container.append('<div class="selectors"></div>');

しかし、それは $selectors = $container になります

多分それが最速/最良の方法です。チェックしてるだけ。

4

4 に答える 4

167

それだけではない理由：

var el = $('<div class="selectors"></div>');
$container.append(el);

?

次に、「el」にアクセスできます。

于 2009-09-18T08:33:42.387 に答える
64

これは私のお気に入りの方法です：

var $selectors = $('<div class="selectors"></div>').appendTo(container);
于 2009-09-18T08:36:16.053 に答える
6 
$selectors = $('<div/>').addClass('selectors').appendTo($container);
于 2009-09-18T08:37:18.503 に答える
2

新しい 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>');
于 2014-01-23T02:27:29.407 に答える