Можно ли использовать несколько атрибутов в селекторе jQuery?

Question

Я новичок в jQuery.Я знаю, что вы можете использовать $('.selector [attribute=value]') для выбора объектов в DOM, но возможно ли использовать несколько атрибутов одновременно?

Например:

$('.selector [attribute=value], [attribute2=value2]')

Answer 1

Да.Как вы это сделаете, зависит от того, что вы хотите сделать.Если вы хотите сопоставить какой-либо атрибут, вы используете оператор запятой и полные селекторы:

Like $('.selector [attribute=value], .selector [attribute2=value2]')

Если вы хотите, чтобы элементы соответствовали обоим атрибутам, вы просто складываете их друг за другом:

Like $('.selector [attribute=value][attribute2=value2]')

---

Также обратите внимание, что пробел является оператором, поэтому селектор .selector [attribute=value] сопоставляет элементы с данным атрибутом внутри элемента с классом selector, а селектор .selector[attribute=value] сопоставляет элементы обоих с классом selector и данный атрибут.

Answer 2

это зависит от того, что вы хотите:

выбирает элементы с обоими атрибутами:

$('.selector[attribute=value][attribute2=value]')

выбирает элементы с любым атрибутом:

$('.selector[attribute=value], .selector[attribute2=value]')

Answer 3

Синтаксис:

$(".selector[attribute=value][attribute2=value2]")

Но если вам придется создавать сложные фильтры атрибутов, использование функции filter() может быть более чистой альтернативой:

$(".selector").filter(function () {
    var $el = $(this);
    return $el.attr("attribute") === value &&
           $el.attr("attribute2") === value2;
})

Answer 4

$('.selector [attribute=value][attribute2=value2]')

Источник: Выбор нескольких атрибутов

Answer 5

Вы можете использовать .filter () , чтобы сделать это.

$('li').filter("[attribute1=value1]")
       .filter("[attribute2=value2]");

Answer 6

Учитывая этот HTML в качестве образца:

<a rel="foo">Stack Overflow</a>
<a class="bar">Server Fault</a>

Это должно сработать:

$("a[rel='foo'], a[class='bar']")

Answer 7

Ты уверен, что можешь.Предложенный вами селектор выберет две группы, .selector [attribute=value] и [attribute2=value2].Если вы хотите оба, $('.selector [attribute=value][attribute2=value2]') - правильный синтаксис.