如何用css选择器排除内部webelement？

Question

我有这个css选择器：

$("td.cv-table-panel-element")

返回下面屏幕截图中显示的元素列表：

所有这些元素都是表的列，每个列的内容都不同。该列表中的第一个元素包含一个复选框：

我想从初始列表中排除该元素。

请注意，仅忽略第一个元素不会在此工作，因为此复选框元素不一致且并不总是出现。因此，它需要被其内部类别之一专门排除。

我试过以下但没有运气：

$("td.cv-table-panel-element:not(.cv-checkbox)")

有什么建议吗？

Answer 1

这是一个纯CSS选项：

td.cv-table-panel-element:not([align="center"])

此选择器使用:not functional notation和attribute selector。

以下是一个例子：

＆＃13;

＆＃13;

/* td elements are red */
.cv-table-panel-element { background-color: red;}

/* td elements that DO NOT have the align="center" attribute are blue */
.cv-table-panel-element:not([align="center"]) { background-color: aqua; }

td { height: 100px; width: 100px; }

＆＃13;

<table>
  <tr>
    <td class="cv-table-panel-element"></td>
    <td class="cv-table-panel-element"></td>
    <td class="cv-table-panel-element" align="center"></td>
    <td class="cv-table-panel-element"></td>
    <td class="cv-table-panel-element" align="center"></td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;