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

为什么不给锚定风格呢？请检查此fiddle

a {
font-weight: bolder;
}

OR

如果您希望以粗体显示的网址文字，请尝试以下操作或查看此fiddle

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>')
    );
});

用replace（）换行字符串中的链接

2 个答案: