Как выбрать элементы с помощью jQuery с помощью частичного идентификатора и класса в одно и то же время?

Question

Когда я хочу выбрать все компоненты с помощью частичного идентификатора или по его классу, я использую следующее.

var identify = $("[id*=donkey]"); 
var classify = $(".wonkey"); 

Дело в том, теперь, когда я хочу, чтобы ограничить набор возвращенного идентификации так, что каждый элемент все еще там также является членом классификации.

Ближайший я получил goolearching по suggestion here, но это допустимо только для элементов, которые являются дочерними элементами под их родителями. Это не мое дело. Я хочу выбрать такие элементы.

<bopp id="head-donkey" class="wonkey" /> 
<bopp id="donkey-butt" class="wonkey" /> 
<bopp id="head-donkey-butt" class="wonkey" /> 

Но я хочу исключить такие элементы.

<bopp id="banana" class="wonkey" /> 
<bopp id="don-key" class="wonkey" /> 
<bopp id="donkey" class="not-won-key" /> 

Я не могу найти любую информацию об этой операции, хотя ...

Answer 1

Вы можете использовать решение, связанное вами. Однако у этого пользователя есть пробел между селекторами, что означает, что вы нацеливаете потомка с помощью второго селектора.

В вашем конкретном случае вам необходимо опустить пространство, подобное этому.

var idenclassify = $("[id*=donkey].wonkey"); 

Answer 2

Вы можете использовать несколько селекторов, чтобы получить точные элементы, которые вам нужны. Для примера сделать:

$(".wonkey[id*=donkey]")