Выбрать элементы по атрибуту

У меня есть коллекция флажков с сгенерированными идентификаторами, и некоторые из них имеют дополнительный атрибут. Можно ли использовать JQuery, чтобы проверить, имеет ли элемент определенный атрибут? Например, могу ли я проверить, имеет ли следующий элемент атрибут «myattr»? Значение атрибута может варьироваться.

<input type="checkbox" id="A" myattr="val_attr">A</input>

Например, как я могу получить коллекцию всех флажков, которые имеют этот атрибут, не проверяя один за другим? Это возможно?

Вы имеете в виду, вы можете выбрать их? Если так, то да:

$(":checkbox[myattr]")

if ($('#A').attr('myattr')) {
    // attribute exists
} else {
    // attribute does not exist
}

РЕДАКТИРОВАТЬ:

Приведенное выше попадет в elseветвь, когда она myattrсуществует, но будет пустой строкой или "0". Если это проблема, вы должны явно проверить undefined:

if ($('#A').attr('myattr') !== undefined) {
    // attribute exists
} else {
    // attribute does not exist
}

Я знаю, что прошло много времени с тех пор, как был задан вопрос, но я обнаружил, что проверка была более ясной, как это:

if ($("#A").is('[myattr]')) {
    // attribute exists
} else {
    // attribute does not exist
}

(Как найдено на этом сайте здесь )

Документация об этом может быть найдена здесь

Это будет работать:

$('#A')[0].hasAttribute('myattr');

В JavaScript ...

null == undefined

... возвращает true*. Это разница между ==и ===. Кроме того, имя undefinedможет быть определено (это не ключевое слово, как nullесть), поэтому вам лучше проверить другим способом. Наиболее надежным способом, вероятно, является сравнение возвращаемого значения typeofоператора.

typeof o == "undefined"

Тем не менее, сравнение с нулем должно работать в этом случае.

* Предполагается, undefinedчто на самом деле не определено.

$("input[attr]").length может быть лучшим вариантом.

Несколько идей были отброшены с использованием "typeof", jQuery ".is" и ".filter", поэтому я решил опубликовать быстрое сравнение их. Typeof, кажется, лучший выбор для этого. В то время как другие будут работать, при вызове библиотеки jq для этого усилия, похоже, будет существенная разница в производительности

if (!$("#element").attr('my_attr')){
  //return false
  //attribute doesn't exists
}

как и в этом посте , используя .isи селектор атрибутов [], вы можете легко добавить функцию (или прототип):

function hasAttr($sel,attr) {
    return $sel.is('['+attr+']');
}

$("input#A").attr("myattr") == null

просто:

$('input[name*="value"]')

больше информации: официальные документы

Помимо выбора всех элементов с атрибутом $('[someAttribute]')или $('input[someAttribute]')вы также можете использовать функцию для выполнения логических проверок объекта, например, в обработчике щелчков:

if(! this.hasAttribute('myattr') ) { ...

Я создал пакет npm с предполагаемым поведением, как описано выше в вопросе.

Ссылка на [npm] и [github]

Использование очень просто. Например:

<p id="test" class="test">something</p>
$("#test").hasAttr("class")

возвращает истину.

Работает с Camelcase тоже.

Чтобы выбрать элементы, имеющие определенный атрибут, см. Ответы выше.

Чтобы определить, имеет ли данный элемент jQuery определенный атрибут, я использую небольшой плагин, который возвращает, trueесли первый элемент в коллекции ajQuery имеет этот атрибут:

/** hasAttr
 ** helper plugin returning boolean if the first element of the collection has a certain attribute
 **/
$.fn.hasAttr = function(attr) {
   return 0 < this.length
       && 'undefined' !== typeof attr
       && undefined !== attr
       && this[0].hasAttribute(attr)
}

JQuery вернет атрибут в виде строки. Поэтому вы можете проверить длину этой строки, чтобы определить, установлена ​​ли она:

if ($("input#A").attr("myattr").length == 0)
 return null;
else
 return $("input#A").attr("myattr");