jQuery: выбрать класс элемента и идентификатор одновременно?

170

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

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

Поэтому я должен иметь возможность выбрать класс ссылок и идентификатор одновременно. Это возможно?

Я пробовал:

 $("a .save #country")

без какого-либо результата.

jquery dom jquery-selectors css-selectors ajsie
источник

Ответы:

305

Ты можешь сделать:

$("#country.save")...

ИЛИ

$("a#country.save")...

ИЛИ 

$("a.save#country")...

как ты предпочитаешь.

Так что да, вы можете указать селектор, который должен соответствовать идентификатору и классу (и, возможно, имени тега и тому, что вы хотите добавить).

Клетус
источник
41
Таким образом, в основном это выглядит так: $ ("# a .b") означает элемент с классом b внутри элемента с идентификатором a. $ ("# ab") означает элемент с классом b и идентификатором a. Хитрость заключается в промежутке между #a и .b
Singhal
13
Нужно быть осторожным, чтобы вы использовали селектор идентификатора перед классом, иначе он не работает. Пример: $ (". Save # country") ... не возвращает результаты.
sloomo
43

Просто добавлю, что ответ, который дал Алекс, сработал для меня, а не тот, который выделен в качестве ответа.

Этот не работал для меня 

$('#country.save')

Но этот сделал: 

$('#country .save')

поэтому мой вывод заключается в использовании пространства. Теперь я не знаю, пользуюсь ли я новой версией jQuery (1.5.1), но в любом случае надеюсь, что это поможет всем, у кого была похожая проблема.

Отредактируйте: полный кредит для объяснения (в комментарии к ответу Алекса) идет Феликсу Клингу, который говорит:

Пробел является селектором потомка, то есть AB означает «Сопоставить все элементы, которые соответствуют B, которые являются потомками элементов, соответствующих A». AB означает «выбрать все элементы, которые соответствуют A и B». Так что это действительно зависит от того, чего вы хотите достичь. #country.saveи #country .saveне эквивалентны.

Никола
источник
2
Является ли проблема, что вы сказали "контри", а не "страна"?
amindfv
8

Это будет работать при добавлении пробела между идентификатором и идентификатором класса

$("#countery .save")...

Alex
источник
1
на самом деле это работало для меня, так как оно не работало как $ ('countery.save'), так что спасибо!
Никола
1
Я обнаружил, что иногда это требовательно к пространству. вроде $ (. selector> .item # id) работает, а $ (. selector> .item #id) - нет.
Абе Петрильо
21
Пробел является селектором потомка , то есть A Bозначает «Сопоставить все элементы, которые соответствуют B, которые являются потомками элементов, соответствующих A». ABозначает «выбрать все элементы, которые соответствуют A и B». Так что это действительно зависит от того, чего вы хотите достичь. #countery.saveи #countery .saveне эквивалентны.
Феликс Клинг
2

В конце концов, применяются те же правила, что и для CSS.

Поэтому я думаю, что эта ссылка может быть полезна.

getack
источник
Не могли бы вы обобщить содержание вашей ссылки?
krlmlr
На самом деле, согласно api.jquery.com/category/selectors, у jQuery есть несколько собственных селекторов; кроме того, фактически не говорится, что поддерживаются все селекторы CSS 1-3 ...
SamB
@SamB Вы правы, но он говорит, что заимствует из CSS 1-3 и добавляет свой собственный. Я все еще думаю, что ссылка на материал W3C действительна для этого обсуждения.
akousmata
2

Как насчет этого кода?

$("a.save#country")
Пекка
источник
1 
$("a.save, #country")

выберет класс "a.save" и идентификатор "страны".

ОКВ
источник