programing

DOM 요소를 jQuery 요소로 변환하려면 어떻게 해야 합니까?

powerit 2023. 5. 23. 22:31
반응형

DOM 요소를 jQuery 요소로 변환하려면 어떻게 해야 합니까?

document.createElement()로 요소를 만들고 있습니다.이제 어떻게 하면 Jquery 객체만 사용하는 함수에 전달할 수 있습니까?

$("#id") 

아직 페이지에 요소가 렌더링되지 않았기 때문에 사용할 수 없습니다.

var elm = document.createElement("div");
var jelm = $(elm);//convert to jQuery Element
var htmlElm = jelm[0];//convert to HTML Element

예를 들어 jQuery를 사용하여 요소를 구성하는 것은 어떻습니까?

$("<div></div>")

페이지에 추가할 준비가 된 새 div 요소를 만듭니다.다음으로 더 단축할 수 있습니다.

$("<div>")

그런 다음 필요한 명령을 연결하고 이벤트 핸들러를 설정하여 DOM에 추가할 수 있습니다.예를들면

$('<div id="myid">Div Content</div>')
    .bind('click', function(e) { /* event handler here */ })
    .appendTo('#myOtherDiv');

지금까지 내가 만든 최고의 솔루션은 다음과 같습니다.

function convertHtmlToJQueryObject(html){
    var htmlDOMObject = new DOMParser().parseFromString(html, "text/html");
    return $(htmlDOMObject.documentElement);
}

언급URL : https://stackoverflow.com/questions/625936/how-can-i-convert-a-dom-element-to-a-jquery-element

반응형