javascript - htmlでテキストラップを検索

Question

次の HTML コードがあります。

<div id="Test">
  My selected Link
  <a href="link1.html">My Link 1</a>
  <a href="link2.html">My Link 2</a>
</div>

内部のテキスト文字列を見つける必要があります。

<div id="Test"></div>

タグで包みます。内部には常に1つのテキスト文字列のみです

<div id="Test"></div>

ただし、テキストはコード内で異なる場所に配置されます。次に例を示します。

<div id="Test">
  <a href="link1.html">My Link 1</a> Another Selected Link
  <a href="link2.html">My Link 2</a>
</div>

私が探している結果は次のようなものです：

<div id="Test">
  <a href="link1.html">My Link 1</a>
  <h2>Another Selected Link</h2>
  <a href="link2.html">My Link 2</a>
</div>

要約すると、div 内 (子タグ内ではない) の唯一のテキスト文字列を見つけて、タグでラップします。

score 0 · Accepted Answer

これがあなたの特定のケースに役立つことを願っています

$('#Test').contents(':not(a)').wrap('<h2/>');

1 に答える 1