jquery - テキストを html 構造でラップする

Question

いくつかのテキストと html 構造が与えられた場合、構造がテキストにラップされた新しい html フラグメントを作成するにはどうすればよいですか?

例：

text = "mytext"
html = "<div><p><span></span></p></div>"

望ましい結果:

newHtml = "<div><p><span>mytext</span></p></div>"

可能であれば、HTML を手動で解析せずに、純粋な jquery を使用します。「テキスト」はリテラル文字列であり、ドキュメント内のテキスト ノードではないことに注意してください。

もちろん、私が探しているコードは、上記の例だけでなく、任意の html でも動作するはずです。

Answer 1

次の行に沿ったもの：

var text = "mytext";
var html = "<div><p><span></span></p></div>";
var div = $(html);
div.find('span').html(text);
div.appendTo(someOtherElement);

Answer 2

次のようにプレースホルダーを使用してそれを実現できます。

text = "mytext"
oldHtml = "<div><p><span>[0]</span></p></div>"
newHtml = oldHtml.replace("[0]",text);

Answer 3

jQuery で .wrap() を使用してみましたか? 試す

    $('span').wrap(text);