jQuery hasattr comprobación para ver si hay un atributo en un elemento

Question

Duplicar posibles:
Check existence of an attribute with JQuery

¿Cómo comprobar si hay un atributo en un elemento de jQuery? Similar a hasClass, pero con attr?

Por ejemplo,

if ($(this).hasAttr("name")) { 
    // ... 
} 

Answer 1

var attr = $(this).attr('name'); 

// For some browsers, `attr` is undefined; for others, 
// `attr` is false. Check for both. 
if (typeof attr !== typeof undefined && attr !== false) { 
    // ... 
} 

Answer 2

Estás tan cerca que es una locura.

if($(this).attr("name")) 

No hay hasattr pero lanzó un atributo por su nombre simplemente devolverá indefinido si no existe.

Esta es la razón por la que funciona a continuación. Si elimina el atributo de nombre de # encabezado, se activará la segunda alerta.

Actualización: De acuerdo con los comentarios, el siguiente será SOLO trabajo si el atributo está presente Y se establece en algo que no es si el atributo está ahí, pero vacía

<script type="text/javascript"> 
$(document).ready(function() 
{ 
    if ($("#heading").attr("name")) 
     alert('Look, this is showing because it\'s not undefined'); 
    else 
     alert('This would be called if it were undefined or is there but empty'); 
}); 
</script> 
<h1 id="heading" name="bob">Welcome!</h1> 

Answer 3

Si va a verificar la existencia de atributos con frecuencia, le sugiero que cree una función hasAttr, para usarla como formuló la hipótesis en su pregunta:

$.fn.hasAttr = function(name) { 
    return this.attr(name) !== undefined; 
}; 

$(document).ready(function() { 
    if($('.edit').hasAttr('id')) { 
     alert('true'); 
    } else { 
     alert('false'); 
    } 
}); 

<div class="edit" id="div_1">Test field</div> 

Answer 4

La mejor manera de hacerlo sería con filter():

$("nav>ul>li>a").filter("[data-page-id]"); 

aún sería bueno tener .hasAttr(), pero ya que no existe no es de esta manera.

Answer 5

También puede utilizarlo con atributos tales como discapacitados = "desactivado" en los campos de formulario, etc., así:

$("#change_password").click(function() { 
    var target = $(this).attr("rel"); 
    if($("#" + target).attr("disabled")) { 
     $("#" + target).attr("disabled", false); 
    } else { 
     $("#" + target).attr("disabled", true); 
    } 
}); 

El atributo "rel" almacena el identificador del campo de entrada de destino.

Answer 6

¿Qué tal solo $(this).is("[name]")?

La sintaxis [attr] es el selector CSS de un elemento con un atributo attr y .is() comprueba si el elemento se le llama en coincide con el selector CSS dado.

Answer 7

Escribí un plugin hasAttr() para jquery que hará todo esto de manera muy sencilla, exactamente como lo ha solicitado el OP. Más información here

EDIT: Mi plug-in se ha eliminado en la gran base de datos de eliminación plugins.jquery.com desastre de 2010. Usted puede mirar here algo de información sobre la adición de uno mismo, y por qué no se ha añadido .

Answer 8

Object.prototype.hasAttr = function(attr) { 
    if(this.attr) { 
     var _attr = this.attr(attr); 
    } else { 
     var _attr = this.getAttribute(attr); 
    } 
    return (typeof _attr !== "undefined" && _attr !== false && _attr !== null);  
}; 

Vine esto mientras escribía mi propia función para hacer lo mismo ... Pensé que compartiría en caso de que alguien más tropiece aquí. Agregué nulo porque getAttribute() devolverá nulo si el atributo no existe.

Este método le permitirá comprobar objetos jQuery y objetos de javascript regulares.

Answer 9

tarde a la fiesta, pero ... ¿por qué no this.hasAttribute("name")?

Consulte This