javascript - 从包含特定 aria 标签的表中查找 span

Question

我使用以下行在 html 中找到了一个包含特定 aria 标签的表格

var list = document.querySelectorAll('[aria-label="Help"]');

现在我得到一张 table :

<thead></thead>
<tbody>
    <tr>
        <div class='abc'><label><a><span class='text'>Game of thrones</span></a></label></div>
    </tr>
    <tr>
        <div class='abc'><label><a><span class='text'>Harry Potter</span></a></label></div>
    </tr>
    <tr>
        <div class='abc'><label><a><span class='text'>X-Men</span></a></label></div>
    </tr>
    <tr>
        <div class='abc'><label><a><span class='text'>X-Men 2</span></a></label></div>
    </tr>
    <tr>
        <div class='abc'><label><a><span class='text'>X-Men 3</span></a></label></div>
    </tr>
</tbody>
</table>

现在我想选择所有 span class = text 但不包含我从列表中获得的表中的 x-men 2 和 x-men 3

Answer 1

您必须循环遍历集合:

var spans = list.getElementsByTagName("SPAN"),
    count = spans.length,
    filtered_spans = '',
    i = 0;

for(; i < count; i++) {
    if (!spans[i].innerHTML.match(/X-Men\s(2|3)/gi)) filtered_spans += spans[i];
}