強大的wrapp鏈接與replace（）

Question

我想在div中圍繞我的鏈接制作一個強大的標簽。 這些鏈接動態顯示。

我試着這樣做：

$('#alertWrapp').each(function() {
  $(this).html($(this).text()
    .replace(/#[a-z0-1A-Z]+/g, '<span style="color: #ed6567;">$&</span>')
    .replace('http://', '<strong>$&</strong>')
  );
});

但我不能繼續正則表達式，它太復雜了......所以有可能建立一個正在尋找http：// protocole到空間的正則表達式？ 因為這是一個設置鏈接結束的空間......

謝謝

Answer 1

你為什么不給錨定風格呢？ 檢查這個小提琴

a {
font-weight: bolder;
}

要么

如果您希望以粗體包裝的網址文本嘗試以下操作或檢查此小提琴

var text = data.replace(/https?:\/\/[^ ]+/g, '<strong>$&</strong>')

Answer 2

要替換http：// [任何直到空格]或https：// [任何]嘗試此操作

$('#alertWrapp').each(function() {
    $(this).html(
        $(this).text()
        .replace(/#[a-z0-1A-Z]+/g, '<span style="color: #ed6567;">$&</span>')
        .replace(/https?:\/\/[^ ]+/g, '<strong>$&</strong>')
    );
});