通过jQuery获取没有文本的HTML片段

Question

我有一个带有div容器的HTML代码,里面有另一个HTML元素和文本

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

我需要从没有文本的容器中获取HTML元素.

所以我只需要得到

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

我如何使用jQuery获取它？

Answer 1

只需使用以下方法之一获取元素：

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

要从标记中获取元素，请使用detach()：

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

然后要获取 HTML 代码，您可以使用outerHTML属性：

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

演示： http: //jsfiddle.net/tLvdZ/