Как получить полный HTML-код на клике с помощью jquery

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 только недавно добавил поддержку для него. Таким образом, для учета этих браузеров, второй метод может быть предпочтительным.