jquery - 如何将 <span> 放置在 H1 和 href 标记内的第一个单词上

Question

我正在尝试在 H1 标记中的第一个单词周围插入一个跨度。

不幸的是，标签也可以是链接，并且可以包含类等，例如:

1. 来源 = <h1>This is a test</h1>

   输出 = <h1><span>This</span> is a test</h1>

2. 来源 = <h1 class="blah blah"><a href="#">This is a test<a/></h1>

   输出 = <h1 class="blah blah"><a href="#"><span>This</span> is a test<a/></h1>

以前有人用 jQuery 做过这个吗？

Answer 1

这可以通过以下方式完成

$(' your selecter').each(function(){
     var one = $(this);
     one.html(one.html().replace(/^(\w+)/, '<span>data</span>'));
});