Есть ли синтаксический сахар для поиска элемента по его атрибуту в jQuery?

Question

[Павел]

Довольно частенько нужно выбрать элемент по его атрибуту, или по значению атрибута.
В результате пишется что-то вроде $someEl.find('a[href="'+someVar+'"]'), и вроде бы ничего, но кусочек +'"]') меня наталкивает на определенные мысли. Когда там два подряд атрибута, то вообще жесть выходит.

Хотелось бы увидеть что-то вроде $someEl.find('a').where('href',someVar).
P.S.: Ну, и плюс, как быть с data-атрибутами. Используя $el.data() они не устанавливаются в DOM, как быть с этим?
P.P.S.: Да, можно написать велосипедик, как, например, .toggleClass(), но тут посложнее, мне кажется.

Comments

[Lynn «Кофеман»]

Если это нужно часто, у вас что-то неправильно спроектировано

Answer 1

[Алексей Уколов]

Хотелось бы увидеть что-то вроде $someEl.find('a').where('href',someVar).

Напишите небольшой плагин, который добавляет тот сахар, что вам подходит, это очень просто же.

Используя $el.data() они не устанавливаются в DOM, как быть с этим?

Использовать дополнительно $el.prop().

Answer 2

[_ _]

Use Babel, Luke
$someEl.find(`a[href="${href}"]`)

Answer 3

[Mikhail Osher]

P.S.: Ну, и плюс, как быть с data-атрибутами. Используя $el.data() они не устанавливаются в DOM, как быть с этим?

RTFM.
$elem.attr('data-foo', 'bar');

Никакая не жесть. Используйте Babel, или если это все тяжело, то может это не ваша ниша?

Comments

[Павел]

ой, а я вот не догадался, что можно через $elem.attr() делать. Какой же вы умный и молодец.