在每个回合支架之前使用新ID添加跨度标签

Question

我有一些文本，其中诸如经文引用之类的文字，我需要在每个回合括号之前使用新ID自动添加跨度标签(当页面访问时(。

输入：

<p>some text (Jn 1:2), more text sentences (Gn 5-12, 23 ref) and more etc.</p>

输出：

<p>some text <span id="1">(Jn 1:2)</span>, more text sdfkljgdf <span id="2">(Gn 5-12, 23)</span> and more etc.</p>

因此，即使它们不在同一行(如果关闭)位于代码的另一行(中，它也会添加每个圆括号( )周围的跨度标签。

我尝试了以下内容。.我对使用PHP或JavaScript有效的任何事情开放。

var myString_before = str.split("(")[count];
//alert (myString_before);
//get all text before )
var myString_after = myString_before.split(")")[0];
alert(" ref: " + myString_after);
if (x != true) {
    $('span').each(function (k) {
        var replace_str = $(this).html().replace(/(/g, '<div 
        style="display: inline" id= "' + pos + '">(</div>');
        $(this).html(replace_str);
    })
}
x = document.getElementsByTagName('div')[count].hasAttribute("style");

Answer 1

您可以使用jQuery的.html()和String.replace的混合物：

let i = 0;
$('p').html((_, oldHtml) => 
  oldHtml.replace(/([^)]+)/g, match => `<span id="${++i}">${match}</span>`)
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>some text (Jn 1:2), more text sentences (Gn 5-12, 23 ref) and more etc.</p>

(REGEXP只需匹配括号之间的任何内容，包括它们。(