Seleccionar elementos por atributo

Tengo una colección de casillas de verificación con identificadores generados y algunos de ellos tienen un atributo adicional. ¿Es posible usar JQuery para verificar si un elemento tiene un atributo específico? Por ejemplo, ¿puedo verificar si el siguiente elemento tiene el atributo "myattr"? El valor del atributo puede variar.

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

Por ejemplo, ¿cómo puedo obtener una colección de todas las casillas de verificación que tienen este atributo sin marcar una por una? es posible?

¿Quieres decir que puedes seleccionarlos? Si es así, entonces sí:

$(":checkbox[myattr]")

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

EDITAR:

Lo anterior caerá en la elserama-cuando myattrexiste pero es una cadena vacía o "0". Si ese es un problema, debes probarlo explícitamente undefined:

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

Sé que ha pasado mucho tiempo desde que se hizo la pregunta, pero encontré que el cheque es más claro de esta manera:

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

(Como se encuentra en este sitio aquí )

La documentación sobre se puede encontrar aquí

Esto funcionará:

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

En JavaScript, ...

null == undefined

... devuelve true*. Es la diferencia entre ==y ===. Además, el nombre undefinedse puede definir (no es una palabra clave como nulles), por lo que es mejor verificar de otra manera. La forma más confiable es probablemente comparar el valor de retorno del typeofoperador.

typeof o == "undefined"

Sin embargo, comparar a nulo debería funcionar en este caso.

* Suponiendo undefinedque de hecho no está definido.

$("input[attr]").length Podría ser una mejor opción.

Se lanzaron un par de ideas usando "typeof", jQuery ".is" y ".filter", así que pensé en publicar una comparación rápida de ellas. El typeof parece ser la mejor opción para esto. Si bien los demás funcionarán, parece haber una clara diferencia de rendimiento al invocar la biblioteca jq para este esfuerzo.

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

como en esta publicación , usando .isy el selector de atributos [], puede agregar fácilmente una función (o prototipo):

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

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

simplemente:

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

más información: documentos oficiales

Además de seleccionar todos los elementos con un atributo $('[someAttribute]')o $('input[someAttribute]')también puede usar una función para realizar comprobaciones booleanas en un objeto, como en un controlador de clic:

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

He creado el paquete npm con el comportamiento previsto como se describe anteriormente en cuestión.

Enlace a [npm] y [github]

El uso es muy simple. Por ejemplo:

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

devuelve verdadero

Funciona con camelcase también.

Para seleccionar elementos que tengan un determinado atributo, consulte las respuestas anteriores.

Para determinar si un elemento jQuery dado tiene un atributo específico, estoy usando un pequeño complemento que devuelve truesi el primer elemento de la colección ajQuery tiene este atributo:

/** 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 devolverá el atributo como una cadena. Por lo tanto, puede verificar la longitud de esa cadena para determinar si está establecida:

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