jquery - 如何使用jquery正则表达式在标签中查找电话号码

Question

问题

我需要找到所有href值以“tel:”开头的标签，我的意思是它应该是一个数字。一旦发现这种模式，我需要将 img 放在标签的左侧

我用普通 express 所做的事情在这里

  <a\s+(?:[^>]*?\s+)?href=(["'])(tel:.*?)\1

但我不确定它是一个解决方案，我知道它的一半解决方案，但我不知道执行它。

预期输出: 带有 img 的电话号码，以便用户可以看到。

我需要帮助。

Answer 1

这是一个仅使用 CSS 的解决方案:

a[href^="tel:"] {
    padding-left: 30px;
    background: url(telephone.png) left center no-repeat;
}

假设图像的宽度为 24 像素，我给它 30 像素的填充，以便在图标和电话之间留出一些空间。

一个工作示例:

a[href^="tel:"] {
  padding-left: 150px;
  background: url('http://cdn3.iconfinder.com/data/icons/token/128/Telephone-Alt.png') left center no-repeat;
  height: 128px;
  display: block;
}

<a href="tel:98176517892">98176517892</a>