javascript - 通过查找关键字将 Javascript String 拆分为字符串数组

Question

从事一个个人项目，该项目解析插入到文本区域中的 HTML 文档，并生成一个添加了修改的新 HTML 文档。我的问题是，我想将某些带有 class="dog"的 div 拆分成一个数组，数组中的每个元素都是狗类的 div。

HTML:

<div class="dog">
    <div class="mouth"></div>
    <dig class="legs"></dig>
</div>
<div class="dog">
    <div class="mouth"></div>
    <dig class="legs"></dig>
</div>

JS 思想:

dogs[x] = intext.slice(intext.indexOf('<div class="dog"'), /*next instance of dog*/);

数组看起来像:

dog[0] = <div class="dog">
        <div class="mouth"></div>
        <dig class="legs"></dig>
    </div>

我尝试使用 .indexOf('<div class="dog"')尝试创建一个索引数组，这样我就可以用它来拆分主字符串，但没有成功。

关于如何实现此目标的任何想法？

Answer 1

存在一种称为查询选择器的功能。有了这些，您可以选择具有特定类的所有元素，或特定标签的所有元素，...

这将满足您的特定需求:querySelectorAll

常规 querySelector() 只会选择第一个元素，这就是您需要使用 querySelectorAll() 的原因。它将为您提供可以继续工作的元素列表。

示例:

var dogDivs = document.querySelectorAll(".dog");

编辑:正如您刚才提到的，它是来自文本区域的文本，如 an other answer 所建议的那样您可以先将其加载到您的 DOM 结构中。最好在一个隐藏的元素中，这样用户就不会注意到它。