Использование селектора «начинается с» для отдельных имен классов

Если у меня есть следующее:

<div class="apple-monkey"></div>
<div class="apple-horse"></div>
<div class="cow-apple-brick"></div>

Я могу использовать следующий селектор, чтобы найти первые два DIV:

$("div[class^='apple-']")

Однако, если у меня есть это:

<div class="some-other-class apple-monkey"></div>
<div class="apple-horse"></div>
<div class="cow-apple-brick"></div>

Он найдет только второй DIV, поскольку класс первого div возвращается в виде строки (я думаю) и на самом деле не начинается с 'apple-', а скорее с 'some-'

Один из способов избежать этого - начать с, но вместо этого содержит:

$("div[class*='apple-']")

Проблема в том, что он также выберет 3-й DIV в моем примере.

Вопрос: С помощью jQuery, как правильно использовать селекторы предикатов для отдельных имен классов, а не атрибута всего класса в виде строки? Это просто вопрос захвата КЛАССА, затем разделения его на массив и затем повторения каждого отдельного с помощью регулярных выражений? Или есть более элегантное / менее подробное решение?

Ответы на вопрос(6)

Ваш ответ на вопрос