找到字符串,并添加HTML或包装HTML中的字符串

问题描述:

我试图完成以下,最好使用jQuery。找到字符串,并添加HTML或包装HTML中的字符串

在页面上查找BC-(它只出现一次)。

然后,根据页面我在任上:

  • 之前与一类的跨度标签添加一个简单的<br/>标签,或...
  • 请用它。 BC-103

,因为3个数字跟随BC-前添加跨度会比较复杂。

+0

你真的完全没有关系的问候去到该字符串所在的位置?没有可靠的类/ id的父元素? – maxedison

首先,将符合您的字符串中的正则表达式是BC- \ d {3}

永远记住这样一个字符串操作是非常处理器密集型。

尝试使用快速的选择器,比如ID或像P这样的标签,因为两者都使用原生JavaScript方法。

从jQuery的生成.html()方法会帮助你在包装标签发现的内容与正则表达式的帮助不大(在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>