javascript - jQuery でテキストなしの HTML フラグメントを取得する

Question

divコンテナと別の HTML 要素とテキストを含むHTML コードがあります。

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

text なしでコンテナーから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

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

参照用に使用できます:-これを参照してください

Answer 3

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