Get HTML fragment without text by jQuery

Question

I have a HTML code with div container and another HTML element and text inside it

<div id="container"><i class="myico"></i> text</div>

I need to get only HTML element from the container without the text.

So i need to get only

<i class="myico"></i>

How can I get it using jQuery?

Answer 1

Simply to get the element use one of the following:

var element = $("#container > i");
var element = $("#container i");
var element = $("#container .myico");
var element = $("#container").find("i.myico");

To get the element out of the markup use detach():

var element = $("#container > i").detach();

Then to get an HTML code, you may use outerHTML property:

var html = element.get(0).outerHTML;

DEMO: http://jsfiddle.net/tLvdZ/