JS相当于Jquery属性不等于

Question

我试图在没有jQuery的纯JS中实现这一点：

$('td[colspan!=20] a')

有没有办法只使用文档。 querySelectorAll ？ （没有过滤结果）？

问候

Answer 1

您可以使用:not伪类选择器指定应排除哪些元素

var result = document.querySelectorAll( "td:not([colspan='20']" );
console.log(result.length)

<强>演示

＆＃13;

＆＃13;

<table>
  <tr>
     <td colspan="1"></td>
     <td colspan="20"></td>
  </tr>
</table>

＆＃13;

alwaysOnTop

＆＃13;

＆＃13;

＆＃13;

Answer 2

您可以在document.querySelector和document.querySelectorAll方法中使用任何有效的CSS选择器。