I would like to return the full html, including the table tag

Question

This returns everything that should be inside the table.

alert($('table[width="100%"][cellspacing="0"][cellpadding="10"][border="0"]:eq(0)').html());

How do I get the HTML inside the table, as well as the actual table tag, in this case

<table width="100%" cellspacing="0" cellpadding="10" border="0">
----html----
</table>

Answer 1

See this thread :

Add this extension code:

$.fn.outer = function(val){
    if(val){
        $(val).insertBefore(this);
        $(this).remove();
    }
    else{ return $("<div>").append($(this).clone()).html(); }
}

Then you can do this:

alert(
    $('table[width="100%"][cellspacing="0"][cellpadding="10"][border="0"]:eq(0)')
    .outer()
);

Answer 2

This uses the property outerHTMLif it exists, otherwise it does .clone(), adds it to a new one <div>(not on the page) and gets a .html()div.

var table = $('table[width="100%"][cellspacing="0"][cellpadding="10"][border="0"]:eq(0)');

var outerTag = table[0].outerHTML || $('<div/>').append(table.clone()).html();

alert(outerTag);

Answer 3

HTML?

DOM, :

$('#place-to-put').append($('table[width="100%"][cellspacing="0"][cellpadding="10"][border="0"]:eq(0)'));