jquery - 如何正确使用多个:not selectors using variables

Question

我有这 3 个变量，我需要在 :not 选择器中使用所有 3 个变量

  var donotcountS = 'td.player:contains(S)';  
  var donotcountI = 'td.player:contains(I)';  
  var donotcountO = 'td.player:contains(O)';  

这里有我的脚本片段，其中有 1 个变量工作正常，但是当我添加第二个或第三个变量时它不起作用

if ($(this).find("td.player:not("+donotcountS+")").length

我已经尝试过这些，但没有任何效果

if ($(this).find("td.player:not("+donotcountS+"):not("+donotcountI+"):not("+donotcountO+")").length
if ($(this).find("td.player:not("+donotcountS+"),("+donotcountI+"),("+donotcountO+")").length
if ($(this).find("td.player:not("+donotcountS+","+donotcountI+","+donotcountO+")").length

另外，另一方面......目前我的变量是 td.player:contains() ，我想得到更具体的信息。我该如何编写这些，以便 td.player hasClass span ，即 contains() ？

Answer 1

要选择选择器内包含特定类的元素，您可以使用Attribute Contains Word Selector并将其与 :not 结合起来执行您想要的操作，例如:

var donotcountClassTest = "[class~='test']";

您可以使用这个最小的示例:

https://jsfiddle.net/lmgonzalves/zqu3eqfm/12/