找到字符串，並添加HTML或包裝HTML中的字符串

Question

我試圖完成以下，最好使用jQuery。

在頁面上查找BC-（它只出現一次）。

然後，根據頁面我在任上：

• 之前與一類的跨度標籤添加一個簡單的<br/>標籤，或...
• 請用它。 BC-103：

，因爲3個數字跟隨BC-前添加跨度會比較複雜。

Answer 1

首先，將符合您的字符串中的正則表達式是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>