Seleziona gli elementi per attributo

Ho una raccolta di caselle di controllo con ID generati e alcuni di essi hanno un attributo aggiuntivo. È possibile utilizzare JQuery per verificare se un elemento ha un attributo specifico? Ad esempio, posso verificare se il seguente elemento ha l'attributo "myattr"? Il valore dell'attributo può variare.

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

Ad esempio, come posso ottenere una raccolta di tutte le caselle di controllo che hanno questo attributo senza selezionare una per una? È possibile?

Vuoi dire che puoi selezionarli? Se è così, allora sì:

$(":checkbox[myattr]")

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

MODIFICARE:

Quanto sopra cadrà nel else-branch quando myattresiste ma è una stringa vuota o "0". Se questo è un problema, dovresti testare esplicitamente undefined:

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

So che è passato molto tempo da quando la domanda è stata posta, ma ho trovato il controllo per essere più chiaro in questo modo:

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

(Come trovato su questo sito qui )

La documentazione su is è disponibile qui

Questo funzionerà:

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

In JavaScript, ...

null == undefined

... ritorna true*. È la differenza tra ==e ===. Inoltre, il nome undefinedpuò essere definito (non è una parola chiave come nullè), quindi è meglio controllare in qualche altro modo. Il modo più affidabile è probabilmente quello di confrontare il valore di ritorno typeofdell'operatore.

typeof o == "undefined"

Tuttavia, il confronto con null dovrebbe funzionare in questo caso.

* Supponendo che undefinedin realtà non sia definito.

$("input[attr]").length potrebbe essere un'opzione migliore.

Un paio di idee sono state gettate in giro usando "typeof", jQuery ".is" e ".filter", quindi ho pensato di pubblicare un rapido confronto di loro. Il tipo di sembra essere la scelta migliore per questo. Mentre gli altri funzioneranno, sembra che ci sia una chiara differenza di prestazioni quando si invoca la libreria jq per questo sforzo.

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

come in questo post , usando .ise il selettore di attributi [], puoi facilmente aggiungere una funzione (o prototipo):

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

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

semplicemente:

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

maggiori informazioni: documenti ufficiali

Oltre a selezionare tutti gli elementi con un attributo $('[someAttribute]')o $('input[someAttribute]')puoi anche utilizzare una funzione per eseguire controlli booleani su un oggetto come in un gestore di clic:

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

Ho creato il pacchetto npm con il comportamento previsto come descritto sopra in questione.

Link a [npm] e [github]

L'utilizzo è molto semplice. Per esempio:

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

ritorna vero.

Funziona anche con camelcase.

Per selezionare elementi con un determinato attributo, vedere le risposte sopra.

Per determinare se un determinato elemento jQuery ha un attributo specifico sto usando un piccolo plugin che restituisce truese il primo elemento nella raccolta ajQuery ha questo attributo:

/** 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 restituirà l'attributo come stringa. Pertanto è possibile controllare la lunghezza di quella stringa per determinare se è impostato:

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