如何計算html標簽中的字符串中單詞的位置

Question

我如何計算一個段落中所選單詞或短語的位置，而不計算字符串中的HTML標簽，例如。

我有這個字符串：

Lorem ipus lores dolores <strong> mauris eget </strong> lectus tincidunt malesuada.

我想知道lectsus的位置，而無需計算或跳過html標簽的字符。

我不能使用indexOf()因為從標記中計數字符。

Answer 1

一個快速的解決方案是：

let index = string.split(' ').filter(x => !x.includes('<')).indexOf(yourWord)

那我們在這里做什么？

• string.split(' ')接收您的字符串並創建一個數組，其中所有單詞都用空格分隔
• filter(x => !x.includes('<'))從上一步中獲取數組，並刪除所有包含字符<的單詞
• indexOf(yourWord)只是返回您要查找的單詞的索引

假設不是html標簽的單詞將永遠不會包含字符< 。

當然，您可以使用更復雜的HTML清理器來識別字符串是否為HTML標記。