javascript - 通过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/

Answer 2

$('i') / $('.myico') / $('div i')... http://api.jquery.com/category/selectors/

Answer 3

var htmltag = $("#container").html();
htmltag = htmltag.replace($("#container").text(),"");

作为参考，您可以使用：-参考这个