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

Program / 글쓴이

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 children 쿼리를 추가하여 마지막 div 자식을 삽입하십시오.

그런 다음 $ child는 추가 된 jquery 래핑 된 자식 div입니다.

답변