jquery - .replaceWith（）の後に$（this）を使用する

Question

以下のHTMLとJavascriptを検討してください。スクリプトでは、タグをpタグに置き換えています。alert（）関数がpタグの内容を返すことを期待していますが、代わりに、存在しなくなった元のタグの内容を返します。

新しい要素を参照するにはどうすればよいですか？

HTML：

<a href="">This is a link</a>

Javascript：

$(document).ready(function() {
    $("a").each(function() {
        $(this).replaceWith('<p>New Paragraph</p>');
        alert($(this).text());
    });
});

Answer 1

で直接行うことはできませんが.replaceWith()、個別に作成することはできます。これを試して：

$(document).ready(function() {
    $("a").each(function() {
        var p = $('<p>New Paragraph</p>');
        $(this).replaceWith(p);
        alert(p.text());
    });
});

Answer 2

replaceAll代わりに、元のコンテンツの代わりに新しいコンテンツを返すメソッドを使用できます。

$(document).ready(function() {
  $("a").each(function() {
    alert($('<p>New Paragraph</p>').replaceAll($(this)).text());
  });
});

Answer 3

これを試して：

alert($(this).replaceWith('<p>New Paragraph</p>').text());