从包含特定咏叹调标签的表中查找范围 [英] Find span from a table containing specific aria label

问题描述

我在html中找到了一个包含特定咏叹调标签的表，使用以下行

I found a table in html containing a specific aria label using the following line

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

现在我得到一张表格：

<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

Now i want to select all spans with span class = text but does not contain x-men 2 and x-men 3 from the table I got from list

推荐答案

如果你可以像这样添加另一个类：

If you can add another class in the span like this :

<table id = 5 aria-label = "Help">
  <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'>X-Men 2</span></a></label></div></tr>
    <tr><div class='abc'><label><a><span class='text x-men-3'>X-Men 3</span></a></label></div></tr>
  </tbody>
</table>

您可以在以下情况之后执行此操作：

You can do this after :

var list = document.querySelectorAll('span.text:not(.x-men-2):not(.x-men-3)');

这篇关于从包含特定咏叹调标签的表中查找范围的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！