Jquery 选择标题以字符串开头且具有特定类的元素

我想选择具有特定类且标题以特定字符串开头的项目。以下内容不适用于我-正在选择仅匹配其中一个条件的元素。如何指定两者必须匹配

var$elementsIWant=$'。hoverClass，div[title^=单击此处]； $elementsIWant.mouseenterfunction{ $'.box'.css{ “背景色”：“红色” } }; $elementsIWant.mouseleavefunction{ $'.box'.css{ “背景色”：“白色” } }; .盒子{ 边框：1px纯黑； 宽度：100px； 高度：100px； 背景色：白色； } 将鼠标悬停在该元素上会将框更改为红色 将鼠标悬停在此元素上不应更改框 将鼠标悬停在此元素上不应更改框

---

您正在使用两个不同的选择器。将选择匹配的任何一个。您需要将它们结合起来：

var $elementsIWant = $('div.hoverClass[title^="Click here"]');

请参阅以下演示：

var$elementsIWant=$'div.hoverClass[title^=单击此处]； $elementsIWant.mouseenterfunction{ $'.box'.css{ “背景色”：“红色” } }; $elementsIWant.mouseleavefunction{ $'.box'.css{ “背景色”：“白色” } }; .盒子{ 边框：1px纯黑； 宽度：100px； 高度：100px； 背景色：白色； } 将鼠标悬停在该元素上会将框更改为红色 将鼠标悬停在此元素上不应更改框 将鼠标悬停在此元素上不应更改框

---

与CSS中一样，AND语句包含没有空格或逗号的选择器。逗号是CSS中的字符或语句。空格是派生语句stry div.hoverClass[title^=单击此处]侧注，假设不需要支持IE@RoryMcCrossandiv.hoverClass[title^=单击此处]~.box{}在IE中不起作用吗？从我在MDN上看到的情况来看，通用兄弟组合选择器似乎具有IE覆盖范围。编辑：好吧，IE 7+谢谢@RoryMcCrossan，但是CSS只是在这个页面上显示问题，事件处理程序将触发的实际代码需要JQuery。