html to xml conversion using javascript?

Question

Is it possible to convert all div child information into XML or JSON using JavaScript?

$("#droppable").droppable({
drop : function(event, ui) {
    var id = $(ui.draggable).attr("id");
    var cloneObj = $((ui.draggable).clone());
    $(cloneObj).removeClass("draggable ui-draggable");
    if (id === "txt") {
        inputOBj = document.createElement("input");
        inputOBj.setAttribute("id", "txt" + i);
        $("#droppable").append(inputOBj);
    } else if (id == "combo") {
        inputOBj = document.createElement("select");
        inputOBj.setAttribute("id", "select" + i);
        console.log("");
    }
  });

Answer 1

我相信您可以使用XMLSerializer来做到这一点。

var yourString = new XMLSerializer().serializeToString(cloneObj[0]);

Answer 2

there is property called outerHTML. It Sets or retrieves the object and its content in HTML. U can use it in following way. eg:

$(document).ready(function() {  
    $('#p').click(function() {
        alert($('#p')[0].outerHTML);
    }); 
});

tip: p is your any tag ID in body of page.