Come convertire un elemento HTML in una stringa, compresi i tag di apertura e chiusura?

Question

Supponiamo che io ho il seguente elemento HTML:

<span id='kuku' class='lala bubu' value='xyz'>some text</span> 

So che .html() restituisce la parte interna dell'elemento, vale a dire some text.

Come è possibile ottenere l'intero elemento come stringa, contenente <span>...</span>?

Answer 1

Most browsers support proprietà element.outerHTML. Si consiglia inoltre di controllare il seguente post Stack Overflow per una soluzione alternativa (per i browser non IE):

• How do I do OuterHTML in firefox?

Answer 2

Prova questo:

alert($('#kuku').clone().wrapAll("<div/>").parent().html()); 

• cloni le elemento desiderato
• lo avvolge in un div
• seleziona il genitore (il nuovo div)
• ottiene il codice HTML

Answer 3

È anche possibile farlo like this:

alert($('<div>').append($("#kuku").clone()).html()); 

Questo crea un vuoto div e aggiunge una copia/clone di l'elemento con id kuku ad esso. Quindi restituisce il innerHTML di quello precedentemente vuoto div, che ora contiene esattamente l'HTML che si sta cercando.

Answer 4

Basta ottenere il proprietario dello span. Così utilizzare l'id del proprietario/contenitore della campata e utilizzare

document.getElementById ("urSpanOwnerID"). InnerHTML