Виберіть елементи за атрибутом

У мене є колекція прапорців із згенерованими ідентифікаторами, а деякі з них мають додатковий атрибут. Чи можна за допомогою 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"

Тим не менш, порівняння з null повинно працювати в цьому випадку.

* Припустимо 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")

повертає правду.

Працює і з верблюдом.

Щоб вибрати елементи, що мають певний атрибут, див. Відповіді вище.

Щоб визначити, чи має даний елемент 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");