javascript - 查找 HTML 标签内容的位置

Question

我有任务，不知道怎么做。

所以，我有这样的字符串：

<td class="class1">
 <span class="class1"></span>
</td>
<td class="class1">
 <span>0</span>
</td>
<td class="class1">
 <span class="class1">1</span>
</td>
<td class="class1">
 <span class="class1">0</span>
</td>

我需要在字符串中找到每个跨度标签内容的索引。

标签： javascripthtmlcss

Answer 1

我不知道你为什么需要这样做，而且将 HTML 作为字符串操作确实闻起来是个坏主意，但是嘿，如果你需要一些代码，你可以去：

const needle = '<span';
const haystack = `<td class="class1">
  <span class="class1"></span>
</td>
<td class="class1">
  <span>0</span>
</td>
<td class="class1">
  <span class="class1">1</span>
</td>
<td class="class1">
  <span class="class1">0</span>
</td>`;
const indices = (new Array(haystack.length))
  .fill()
  .map((_,i) => i)
  .filter(i => haystack.substr(i,needle.length)==needle);

console.log(indices);