Question

我正在尝试完成以下操作，最好使用jQuery。

在页面上查找BC-（仅发生一次）。

然后，根据我所在的页面：

在其前面添加一个简单的<br/>标记，或者......
在带有类的span标记中包含它。

添加范围会更复杂，因为3个数字会跟BC-例如：BC-103一样。

Answer 1

首先，与您的字符串匹配的正则表达式模式为 BC- \ d {3}

永远记住像这样的字符串操作是非常耗费处理器的。

尝试使用快速的选择器，如ID或P之类的标签，因为它们都使用本机JavaScript方法。

jQuery中的.html（）方法可以帮助你在Regex的帮助下将找到的内容包装在标签中（在jQuery: replace() or wrap() http://name.tld/request_url?parameter with <a href="this">...</a>?找到）：

<script>
$(document).ready(function () {

    $("p").each(function () {
        $(this).html(function(i, html) {
            return html.replace(/(BC-\d{3})/g, "<strong>$1</strong>");
        });
    });

});
</script>
<p>BC-X Lorem ipsum dolor</p>
<p>BC-12</p>
<p>BC-123</p>
<p>BC-555 sit amet</p>

查找字符串并在HTML中添加HTML或换行字符串

1 个答案: