jquery - まだない場合は、innerHtml をスパンでラップします。

Question

これについてどうすればいいのかわからないので、ここに私のジレンマがあります：

内部に通常のテキストを含む about div があります。ただし、いくつかのjsスパンがその中に追加された後。しかし、既存のテキストをスパンタグでラップしたいと思います。まだスパンにないテキストにスパンをラップするにはどうすればよいですか?

<div class="about">
    This text isn't wrapped in an html tag
    <span>But this is</span>
</div>

jquery経由で通常のテキストをスパンタグにラップするにはどうすればよいですか?

よろしくお願いいたします。

score 4 · Accepted Answer

jQuery を使用.contentsしてテキストノードを取得し、それらがチェックされたノードのテキストノードの子である場合はそれらをラップできます。

$(".about").contents().filter(function () {
    return this.nodeType === 3 && this.parentNode == $(".about").get(0);
}).wrap("<span>");

score 0 · Accepted Answer

これは、スパンを全体に配置することで実現します。

$("div").html("<span>" + $("div").html() + "</span>");

2 に答える 2