如何僅更改div內容中尚未鏈接的電話號碼？

Question

我需要在div及其所有子級的textContent中找到所有電話號碼，如果尚未將它們建立為鏈接（例如，通過iOS Safari或創建頁面內容的人），則將它們設為鏈接。 我不確定如何查找電話號碼以及是否已經是鏈接。

我使用的代碼僅允許在innerHTML查找電話號碼並包裝在鏈接標記中：

div.innerHTML = div.innerHTML.replace( 
    /(\(\d{3}\)(-|\.)?\d{3}(-|\.)?\d{4}|\d{3}(-|\.)?\d{3}(-|\.)?\d{4}|[0-9]{10,10})/g,
    "<a href=\"tel:$1\">$1</a>"
);

但是我如何確定它是否包裝在鏈接標記中，如果是，則跳過它？

Answer 1

這個怎么樣。

((\(\d{3}\)(-|\.)?\d{3}(-|\.)?\d{4}|\d{3}(-|\.)?\d{3}(-|\.)?\d{4}|[0-9]{10,10}))(?!["<])

這樣做可以確保末尾的字符不是引號（例如href電話號碼），也不是小於號（例如anchor標簽的結尾）。

Answer 2

我解決它通過在年底收盤添加檢查a標簽或引用（所以它不會改變的HREF）：

(?![\s]*(\<\/a>|"|'))

整個正則表達式：

/(\(\d{3}\)(-|\.)?\d{3}(-|\.)?\d{4}|\d{3}(-|\.)?\d{3}(-|\.)?\d{4}|[0-9]{10,10})(?![\s]*(\<\/a>|"|'))/g

它還允許在電話號碼和結束標簽之間留有空格。