2014-03-12 72 views
0

我想圍繞我的鏈接在一個div的強大標籤。這些鏈接動態顯示。Wrapp鏈接強與替換()

我試着這樣做:

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

但我不能繼續正則表達式,這太過分了複雜......所以它可以是可能建立一個正則表達式誰找到的HTTP:// protocole空間?因爲它是誰把我的鏈接後面加上一個空格...

感謝您

+2

爲什麼不直接申請一個css類? –

+0

因爲我無法控制返回給我的文本......實際上,文本不僅僅是網址,還包括簡單的字符串和主題標籤。這就是爲什麼我需要用javascript替換http://到空格。 –

回答

1

你爲什麼不只是風格的錨。勾選此fiddle

a { 
font-weight: bolder; 
} 

OR

如果它要被包裹在粗URL文本嘗試以下或查看fiddle

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

我的東西他有一個純文本格式的鏈接,沒有html標籤 – lionel

+0

感謝您的回覆,但鏈接沒有退回我作爲鏈接標記... –

1

要更換的http:// [什麼-until-space]或https:// [任何東西]試試這個

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

完美!謝謝 –