Sélectionner des éléments par attribut

J'ai une collection de cases à cocher avec des identifiants générés et certains d'entre eux ont un attribut supplémentaire. Est-il possible d'utiliser JQuery pour vérifier si un élément a un attribut spécifique? Par exemple, puis-je vérifier si l'élément suivant a l'attribut "myattr"? La valeur de l'attribut peut varier.

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

Par exemple, comment puis-je obtenir une collection de toutes les cases à cocher qui ont cet attribut sans vérifier une par une? Est-ce possible?

Voulez-vous dire pouvez-vous les sélectionner? Si oui, alors oui:

$(":checkbox[myattr]")

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

ÉDITER:

Ce qui précède tombera dans le else-branch lorsqu'il myattrexiste mais est une chaîne vide ou "0". Si c'est un problème, vous devez explicitement tester sur undefined:

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

Je sais que cela fait longtemps que la question n'a pas été posée, mais j'ai trouvé le chèque plus clair comme ceci:

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

(Tel que trouvé sur ce site ici )

La documentation sur is peut être trouvée ici

Cela fonctionnera:

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

En JavaScript, ...

null == undefined

... renvoie true*. C'est la différence entre ==et ===. En outre, le nom undefinedpeut être défini (ce n'est pas un mot-clé comme l' nullest), il vaut donc mieux vérifier d'une autre manière. Le moyen le plus fiable est probablement de comparer la valeur de retour de l' typeofopérateur.

typeof o == "undefined"

Néanmoins, la comparaison avec null devrait fonctionner dans ce cas.

* En supposant qu'il ne undefinedsoit en fait pas défini.

$("input[attr]").length pourrait être une meilleure option.

Quelques idées ont été lancées en utilisant "typeof", jQuery ".is" et ".filter" alors j'ai pensé que j'en posterais une rapide comparaison de performances. Le typeof semble être le meilleur choix pour cela. Bien que les autres fonctionnent, il semble y avoir une nette différence de performances lors de l'appel de la bibliothèque jq pour cet effort.

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

comme dans cet article , en utilisant .iset le sélecteur d'attribut [], vous pouvez facilement ajouter une fonction (ou un prototype):

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

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

simplement:

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

plus d'informations: documents officiels

En plus de sélectionner tous les éléments avec un attribut $('[someAttribute]')ou $('input[someAttribute]')vous pouvez également utiliser une fonction pour effectuer des vérifications booléennes sur un objet comme dans un gestionnaire de clic:

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

J'ai créé un package npm avec le comportement prévu comme décrit ci-dessus en question.

Lien vers [npm] et [github]

L'utilisation est très simple. Par exemple:

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

renvoie vrai.

Fonctionne également avec le chameau.

Pour sélectionner des éléments ayant un certain attribut, voir les réponses ci-dessus.

Pour déterminer si un élément jQuery donné a un attribut spécifique, j'utilise un petit plugin qui retourne truesi le premier élément de la collection ajQuery a cet attribut:

/** 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 renverra l'attribut sous forme de chaîne. Par conséquent, vous pouvez vérifier la longueur de cette chaîne pour déterminer si elle est définie:

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