jQuery append（）-追加された要素を返す

私は使っています jQuery.append（）をして、いくつかの要素を動的に追加しています。これらの新しく挿入された要素のjQueryコレクションまたは配列を取得する方法はありますか？

だから私はこれをしたいです：

$("#myDiv").append(newHtml);
var newElementsAppended = // answer to the question I'm asking
newElementsAppended.effects("highlight", {}, 2000);

これを行う簡単な方法があります。

$(newHtml).appendTo('#myDiv').effects(...);

これは、最初にで作成newHtmlしjQuery(html [, ownerDocument ])、次にappendTo(target)（「To」ビットに注意してください）を使用してそれをの末尾に追加することで状況を逆転させ#mydivます。

あなたは今のでスタートで$(newHtml)の最終結果appendTo('#myDiv')のhtmlの新しいビットがある、と.effects(...)コールはその上になり、新たなすぎて、HTMLのビット。

// wrap it in jQuery, now it's a collection
var $elements = $(someHTML);

// append to the DOM
$("#myDiv").append($elements);

// do stuff, using the initial reference
$elements.effects("highlight", {}, 2000);

var newElementsAppended = $(newHtml).appendTo("#myDiv");
newElementsAppended.effects("highlight", {}, 2000);

少し思い出させる要素が動的に追加され、機能が好きでappend()、appendTo()、prepend()またはprependTo()jQueryオブジェクトではなく、HTML DOM要素を返します。

デモ

var container=$("div.container").get(0),
    htmlA="<div class=children>A</div>",
    htmlB="<div class=children>B</div>";

// jQuery object
alert( $(container).append(htmlA) ); // outputs "[object Object]"

// HTML DOM element
alert( $(container).append(htmlB).get(0) ); // outputs "[object HTMLDivElement]"

私はあなたがこのようなことをすることができると思います：

var $child = $("#parentId").append("<div></div>").children("div:last-child");

親#parentIdは追加から返されるため、jquery子クエリを追加して、最後に挿入されたdiv子を取得します。

$ childは、追加されたjqueryでラップされた子divです。