una - selector por atributo jquery

Seleccionar elementos por atributo

Question

Tengo una colección de casillas 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?

Answer 1

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

$(":checkbox[myattr]")

Answer 2

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

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

Answer 3

En JavaScript, ...

null == undefined

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

typeof o == "undefined"

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

* Suponiendo que undefined es de hecho indefinido.

Answer 4

Esto funcionará:

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

Answer 5

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 también con camelcase.

Answer 6

JQuery devolverá el atributo como una cadena. Por lo tanto, puede verificar la longitud de esa cadena para determinar si está configurado:

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

Answer 7

Sé que ha pasado mucho tiempo desde que se hizo la pregunta, pero encontré que el cheque era más claro así:

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

(Como se encuentra en este sitio here )

La documentación sobre se puede encontrar here

Answer 8

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

Answer 9

simplemente:

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

más información: documentos oficiales

Answer 10

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

Answer 11

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

Answer 12

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

Answer 13

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

EDITAR:

Lo anterior caerá en la rama else cuando myattr existe pero es una cadena vacía o "0". Si ese es un problema, deberías probar explícitamente en undefined :

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