Javascript jquery选择器缺少元素

我想突出显示所有元素，这些元素的类以_slot uu开头，但在任何类名中都没有以粉色或绿色结尾。在这个例子中，我觉得应该突出显示第三个元素，因为它有类a_slot_orange，而另一个类不包含粉色或绿色

为什么第三个元素不突出显示，但最后一个元素突出显示？我如何与其他人一起突出第三个

$document.readyfunction{ $[class^='a_slot'].每个函数i，v{ 如果！$this.attr'class'。包括'green'和&！$this.attr'class'。包括'pink'{ $this.css'background-color'，'red'； } }; //也不起作用…有同样的结果 //$[class^='a_slot']：不是[class$='green']，[class$='pink'].css'background-color'，'red'； //$[class^='a_slot'].不是[class$='green']，[class$='pink'].css'background-color'，'red'； }; 绿色

粉红色

4

16

16

orange

当您使用：

$("[class^='a_slot_']") 

您只选择以U插槽U开头的元素，但第三个元素是以U插槽开头，但不包括以下内容U

为此，在使用以下各项时，应使用$[class*='a_slot.']

：

$("[class^='a_slot_']") 

您只选择以U插槽U开头的元素，但第三个元素是以U插槽开头，但不包括以下内容U

为此，您应该使用$[class*='a_slot.']

您可以使用它

啊，是的，正如其他人指出的，你的选择器太贪婪了，我已经删除了下划线

你可以用它

啊，是的，正如其他人指出的，你的选择器太贪婪了，我已经删除了下划线

---

这样做是因为“^”表示字符串的开头

<p class='a_slot_orange a_slot'>Orange (shouldn't I be highlighed too?)</p>

---

这样做是因为“^”表示字符串的开头

<p class='a_slot_orange a_slot'>Orange (shouldn't I be highlighed too?)</p>

使用选择器[class^='a_slot']，您只选择class属性以该字符串开头的元素，这样您就不会选择前三个元素，所以您可以将其更改为[class^='a_slot']，然后您可以拆分每个元素的class属性，并使用一些元素查找匹配项

$[class^='a_slot']{ var cls=$this.attr'class'.split'' var check=cls.somefunction{ 返回带有“a_slot”的e.starts和带有“绿色”的e.endsWith和带有“粉色”的e.endsWith } 如果选中$this.css'background'，'red' }; 绿色

粉红色

4

16

16

orange

使用选择器[class^='a\U slot\u']只选择类属性以该字符串开头的元素，因此不会选择前三个元素，因此可以将其更改为[class^='a\u slot']，然后可以拆分每个元素的类属性，并使用一些元素查找匹配项

$[class^='a_slot']{ var cls=$this.attr'class'.split'' var check=cls.somefunction{ 返回带有“a_slot”的e.starts和带有“绿色”的e.endsWith和带有“粉色”的e.endsWith } 如果选中$this.css'background'，'red' }; 绿色

粉红色

4

16

16

---

orange

前三段不是以一个\u slot\u开头的，您可能想使用$[class*='a\u slot\u']“杰拉德，我知道，但是第二节课does@depperm但您使用的属性以selector@billyonecan我认为类的顺序并不重要。前3段不要以槽开头。你可能想使用$[class*='a\u槽']“杰拉德，我知道，但是第二节课does@depperm但您使用的属性以selector@billyonecan我认为类的顺序并不重要，您也可以使用两个属性选择器，这可能更有效，并且可以移植到CSS。查看复制链接。您也可以只使用两个属性选择器，这可能更有效，并且可以移植到CSS。请参阅复制链接。