javascript - 如何获取html字符串中的特定元素？

Question

因此，如果我有一个 HTML 字符串，我想知道如何从该字符串中获取属于某个类的已解析元素数组。例如，如果我有一个包含以下 HTML 的字符串:

<div>
    <div class="a">
        <div class="b">
        </div>
    </div>
    <div class="a">
        <div class="b">
        </div>
    </div>
    <div class="a">
        <div class="c">
        </div>
    </div>
</div>

如何获得包含“b”类的所有元素的数组？我尝试寻找解决方案，但当您要查找的元素嵌套了几层时，我找不到任何有效的解决方案。

Answer 1

您可以将 html 放入 $() 中，它会将其转换为元素，然后您可以过滤/查找元素。

var testStringOfHtml = `
<div>
    <div class="a">
        <div class="b">
        </div>
    </div>
    <div class="a">
        <div class="b">
        </div>
    </div>
    <div class="a">
        <div class="c">
        </div>
    </div>
</div>
`;

console.log($(testStringOfHtml).find('.b').get());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>