obtener el código HTML con jQuery auto

Question

<div> 
    <a href="#" class="selected">link1</a> 
    <a href="#">link1</a> 
</div> 

y el uso siguiente

$('.selected').html() consigo

link1

como valor de retorno.

¿Cómo puedo obtener el código HTML completo del elemento DOM seleccionado, en este ejemplo para obtener

<a href="#" class="selected">link1</a>

en su lugar?

gracias

Answer 1

jQuery objeto:

$('.selected') 

convertido al objeto DOM:

$('.selected')[0] 

ACTUALIZACIÓN:

var str = $("<div />").append($('.selected').clone()).html(); 
console.log(str); 

Answer 2

sé que esto funciona en Chrome, no sé sobre el resto:

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

Esa propiedad es de Javascript (jQuery no) y le da lo que estás buscando .

Answer 3

simple uso de la propiedad outerHTML puede no funcionar en todos los navegadores. Tendrá que serializarlo usted mismo para buscadores sin soporte para outerHTML. Ver este post para una explicación: How do I do OuterHTML in firefox?

Answer 4

Se podría probar este plugin de jQuery: http://darlesson.com/jquery/outerhtml/

Answer 5

Hice una solución similar a la anterior, pero sin la clonación.

var test = $('#test').wrap('<div class="wrap-unwrap"></div>'); 
var str = test.parent().html(); 
test.unwrap(); 
console.log(str);