jQuery append() - 추가된 요소 반환

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를 사용한 다음 을 사용합니다(" 참조).Tobit) 끝에 덧붙이자면#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()HTML DOM 요소가 아닌 jQuery 개체를 반환합니다.

데모

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");

parent #parentId는 추가에서 반환되므로 jquery 자식 쿼리를 추가하여 마지막 div 자식을 삽입합니다.

$child는 추가된 jquery lapped child div입니다.

언급URL : https://stackoverflow.com/questions/2159368/jquery-append-return-appended-elements