Jquery 객체를 문자열로 변환하는 어떻게 해야 할까요?

Jquery 객체를 문자열로 변환하는 어떻게 해야 할까요?

John Feminella
편집된 질문21일 2월 2015 в 9:47
프로그래밍
jquery stringification
17일 3월 2009 в 1:38
10 파운드
해결책

내가 solaris. you& # 39, re 요청하는 완전한 HTML 구체화하십시오. # 39 의 경우, 이 전략은 that& 경우 이 같은 일이 됩니다.

$('<div>').append($('#item-of-interest').clone()).html();

그러나 기본적으로 이 대해서는 조금 더 깊이 here 새로운 노드입니다 관심 항목을 마무리를 지을 수 있게 할 조작, 분리하십시오 및 횡령, HTML.

39 you& 경우, re (obj) '와' 새로운 문자열이어야 검색하기를 관심용 문자열으로 나타내줍니다 직후.

업데이트

내가 작성했습니까 오리지널 오토메이티드 (2009년). 2014년 현재, 대부분의 주요 브라우저가 지원할 수 있습니다 '기본' 으로 아우터트믈 속성 (참조, 예를 들어, Firefox 와 [Internet&amp, nbsp, Explorer] [3]), 할 수 있도록.

$('#item-of-interest').prop('outerHTML');

[3]: 이아스파스 http://msdn.microsoft.com/en-us/library/ie/ms534310 (v = vs. 85))

Peter Mortensen
편집된 답변22일 11월 2014 в 3:28
해설 (13)

Jquery 1.6 보다 세련된 솔루션을 함께 이 나온 것으로 보인다.

$('#element-of-interest').prop('outerHTML');
해설 (2)

그냥 이제 사용할 수 있으며, 그 아우터트믈 잡기 위한 기본 요소 (0) 속성:

var $elem = $('<a href="#">Some element</a>');
console.log("HTML is: " + $elem.get(0).outerHTML);
해설 (2)

좀 더 구체적인 될 수 있습니까? # 39 you& 경우, re trying to 내려받습니다 HTML δ1 태그 이 같은 일이 할 수 있습니다.

HTML 스니핏:

<p>This is some text</p>

jQuery:

var txt = $('p').html(); // Value of text is This is some text
Peter Mortensen
편집된 답변22일 11월 2014 в 3:30
해설 (0)

가장 좋은 방법은 무엇인지 찾기 위해 html 속성 및 메서드 (object) 는 다음과 같은 일을 노드입니다 사용할 수 있습니다.

console.log($("#my-node"));

Jquery 에서 사용할 수 있는 HTML 태그를 포함시키십시오 1.6+ 됩니다 아우터트믈 너회의 문자열 출력:

var node = $("#my-node").outerHTML;
해설 (3)

jQuery 는 여기에 도왔으매:

jQuery.fn.goodOLauterHTML= function() {
    return $('<a></a>').append( this.clone() ).html();
}

모든 것을 반품하십시오 HTML 얘기입니다.

$('div' /*elys with HTML text stuff that you want */ ).goodOLauterHTML(); // alerts tags and all
Peter Mortensen
편집된 답변22일 11월 2014 в 3:31
해설 (1)

이 작동합니다 가져다줄래요 것으로 보인다.

$("#id")[0].outerHTML
해설 (1)

39, t 는 수락됨 doesn& 오토메이티드 빽이라는 텍스트 노드 () 은 정의되지 않은 인쇄했습니다 아웃하려면).

이 코드는 스니핏 해결할 수 있다.

<! - begin 스니핏: js 숨기십시오: &gt 거짓값 -;

var htmlElements = $('<p><a href="http://google.com">google</a></p>↵↵<p><a href="http://bing.com">bing</a></p>'),
    htmlString = '';

htmlElements.each(function () {
    var element = $(this).get(0);

    if (element.nodeType === Node.ELEMENT_NODE) {
        htmlString += element.outerHTML;
    }
    else if (element.nodeType === Node.TEXT_NODE) {
        htmlString += element.nodeValue;
    }
});

alert('String html: ' + htmlString);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

끝 - &lt 스니핏 >;!

해설 (0)

클론할 .html (), DOM 및 추가할 필요가 없습니다 사용할 수 할 수 있습니다.

$('#item-of-interest').wrap('<div></div>').html()
해설 (1)

Html 요소 및 분석할 수 있는 스케쳐내 스트린그리피 처리하기 위해 이 곳을 다시 만들어 충족되었으며 요소점 시도하시겠습니까 쿼리하지 고유해야 요소:

// 'e' is a circular object that can't be stringify
var e = document.getElementById('MyElement')

// now 'e_str' is a unique query for this element that can be stringify 
var e_str = e.tagName
  + ( e.id != "" ? "#" + e.id : "")
  + ( e.className != "" ? "." + e.className.replace(' ','.') : "");

//now you can stringify your element to JSON string
var e_json = JSON.stringify({
  'element': e_str
})

액세스보다

//parse it back to an object
var obj = JSON.parse( e_json )

//finally connect the 'obj.element' varible to it's element
obj.element = document.querySelector( obj.element )

//now the 'obj.element' is the actual element and you can click it for example:
obj.element.click();
해설 (0)

'제크리스마카리 효용 함수 (목표)' 를 사용할 수 있습니다.

var obj = $('<p />',{'class':'className'}).html('peekaboo');
var objArr = $.makeArray(obj);
var plainText = objArr[0];
Charles Menguy
편집된 답변27일 4월 2012 в 4:37
해설 (0)
new String(myobj)

문자열 객체를 사용하여 직렬화할 매핑하려는 경우 전체 JSON.

Peter Mortensen
편집된 답변22일 11월 2014 в 3:29
해설 (1)