Làm thế nào để bạn chuyển đổi một đối tượng jQuery thành một chuỗi?

Tôi giả sử bạn đang yêu cầu chuỗi HTML đầy đủ. Nếu đó là trường hợp, một cái gì đó như thế này sẽ thực hiện mẹo:

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

Điều này được giải thích sâu hơn ở đây , nhưng về cơ bản, bạn tạo một nút mới để bọc mục quan tâm, thực hiện các thao tác, xóa nó và lấy HTML.

Nếu bạn chỉ sau một chuỗi đại diện, sau đó đi với new String(obj).

Cập nhật

Tôi đã viết câu trả lời ban đầu vào năm 2009. Kể từ năm 2014, hầu hết các trình duyệt chính hiện nay đều hỗ trợ outerHTMLnhư một tài sản riêng (ví dụ: xem Firefox và Internet Explorer ), vì vậy bạn có thể làm:

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

Với jQuery 1.6, đây dường như là một giải pháp thanh lịch hơn:

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

Chỉ cần sử dụng .get (0) để lấy phần tử gốc và lấy thuộc tínhHTML bên ngoài của nó:

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

Bạn có thể cụ thể hơn một chút? Nếu bạn đang cố gắng để có được HTML bên trong thẻ, bạn có thể làm một cái gì đó như thế này:

Đoạn mã HTML:

<p><b>This is some text</b></p>

jQuery:

var txt = $('p').html(); // Value of text is <b>This is some text</b>

Cách tốt nhất để tìm ra các thuộc tính và phương thức nào có sẵn cho một nút (đối tượng) HTML là làm một cái gì đó như:

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

Từ jQuery 1.6+, bạn chỉ có thể sử dụng bên ngoàiHTML để bao gồm các thẻ HTML trong đầu ra chuỗi của mình:

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

jQuery ở đây, vì vậy:

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

Trả lại tất cả những thứ HTML đó:

$('div' /*elys with HTML text stuff that you want */ ).goodOLauterHTML(); // alerts tags and all

Điều này dường như làm việc tốt cho tôi:

$("#id")[0].outerHTML

Câu trả lời được chấp nhận không bao gồm các nút văn bản (không xác định được in ra).

Đoạn mã này giải quyết nó:

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>

Không cần sao chép và thêm vào DOM để sử dụng .html (), bạn có thể làm:

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

Có thể sử dụng jQuery.makeArray(obj)chức năng tiện ích:

var obj = $('<p />',{'class':'className'}).html('peekaboo');
var objArr = $.makeArray(obj);
var plainText = objArr[0];

Nếu bạn muốn xâu chuỗi một phần tử HTML để chuyển nó đi đâu đó và phân tích lại thành phần tử thử bằng cách tạo một truy vấn duy nhất cho phần tử:

// '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
})

hơn

//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();

new String(myobj)

Nếu bạn muốn tuần tự hóa toàn bộ đối tượng thành chuỗi, hãy sử dụng JSON .