Селектор Jquery CSS, требующий соблюдения трех критериев

Question

Я пытаюсь написать селектор CSS, для выполнения которого требуется выполнить несколько (три критерия).

$('div[class*="clickout"]')
$('div[class*="preferred"]')
$('div[class*="test"]')

По сути, я хочу убедиться, что все три условия выполнены.

Answer 1

Цепочка атрибутов селекторов:

$('div[class*="clickout"][class*="preferred"][class*="test"]')

---

Если вы ищете элемент с тремя точными именами классов, например

<!-- 3 classes: "clickout", "preferred" and "test" -->
<div class="clickout preferred test"></div>

, а не с классами с тремя словами в качестве частичных или целых имен классов, таких как

<!-- 2 classes: "clickout-preferred" and "testing" -->
<div class="clickout-preferred testing"></div>

Тогда вы должны соединить селекторы классов вместо селекторов атрибутов:

$('div.clickout.preferred.test')

Answer 2

$("div[class*='one'][class*='two'][class*='three']")