javascript - jqueryを使用してonClickで完全なHTMLコードを取得する方法

Question

私は以下のHTMLコードを持っています

<a href="http://www.google.com">Google</a>

リンクをクリックすると、文字列に以下の完全なHTMLコードが含まれるようになります

<a href="http://www.google.com">Google</a>

この方法を試してみましたが、「Google」というテキストしか取得できず、アンカーコードを取得できません。

$('#frame').contents().find('body').on("click", "a",  function () {
    var string = $(this).html();
    alert(string);
});

Google必要な場合にのみ文字列アラート<a href="http://www.google.com">Google</a>。

Answer 1

を使用するthis.outerHTMLか、要素をコンテナにラップして、.html()そのコンテナで使用します。

$('#frame').contents().find('body').on("click", "a",  function () {
    var string = this.outerHTML;
    alert(string);
});

私は好きouterHTMLですが、Firefoxは最近サポートを追加したばかりです。したがって、これらのブラウザを説明するために、2番目の方法が推奨される場合があります。