jQuery hasattr controllo per vedere se c'è un attributo su un elemento

Question

Eventuali duplicati:
Check existence of an attribute with JQuery

Come si fa a controllare se c'è un attributo su un elemento in jQuery? Simile a hasClass, ma con attr?

Per esempio,

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

Sei così vicino è pazzesco.

Non c'è hasAttr ma il colpire un attributo in base al nome restituirà undefined se non esiste.

Ecco perché funziona di seguito. Se rimuovi l'attributo nome da #heading, il secondo avviso verrà attivato.

Aggiornamento: Come per i commenti, il seguito sarà SOLO lavoro se l'attributo è presente E è impostato su qualcosa che non se l'attributo è lì, ma vuota

<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

Se verificherete frequentemente l'esistenza di attributi, suggerirei di creare una funzione hasAttr da utilizzare come avete ipotizzato nella vostra domanda:

$.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

Il modo migliore per farlo sarebbe stato con filter():

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

sarebbe comunque bello avere .hasAttr(), ma come non esiste c'è in questo modo.

Answer 5

È possibile anche utilizzarlo con attributi quali disabled = "disabilitato" sui campi del modulo, ecc in questo modo:

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

L'attributo "rel" memorizza l'id del campo di input di destinazione.

Answer 6

Che ne dici di solo $(this).is("[name]")?

Il [attr] sintassi è il selettore CSS per un elemento con un attributo attr e .is() controlla se l'elemento è chiamato corrisponde dato selettore CSS.

Answer 7

Ho scritto un plugin hasAttr() per jquery che eseguirà tutto ciò in modo molto semplice, esattamente come richiesto dall'OP. Maggiori informazioni here

EDIT: mio plugin è stato eliminato nella grande banca dati plugins.jquery.com eliminazione disastro del 2010. Si può guardare here per alcune informazioni su come aggiungere voi stessi, e perché non è stato aggiunto .

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);  
}; 

Mi è venuta una croce mentre scrivevo la mia funzione per fare la stessa cosa ... Anche se condividerei il caso in cui qualcun altro inciampi qui. Ho aggiunto null perché getAttribute() restituirà null se l'attributo non esiste.

Questo metodo consente di controllare oggetti jQuery e oggetti javascript regolari.

Answer 9

In ritardo alla festa, ma ... perché non solo this.hasAttribute("name")?

consultare This