使用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>

和用标记包装。

中总是只有一个文字字符串

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

但文本在代码中将有不同的位置，例如：

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

我正在寻找的结果是这样的：

＆＃13;

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

总而言之：找到div中唯一的文本字符串（但不在子标签中），并用标签包装它。

Answer 1

希望这有助于您的具体案例

<强> jsBin demo

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

http://api.jquery.com/not-selector/
http://api.jquery.com/contents/
http://api.jquery.com/wrap/