Come faccio a verificare la presenza di attr attr() in jquery?

Question

Ho alcuni div che vengono creati utilizzando PHP. L'ancora all'interno del div ha sempre un HREF, anche se è vuoto. Fondamentalmente, sto cercando di scoprire se l'HREF è vuoto. Se si ha un contenuto, non fare nulla, se è vuoto, striscia il testo fuori, eliminare l'ancora, li misero il testo nel

Ecco il div:.

<div class="title"> 
    <a class="article" href="">Lorem Ipsum</a> 
</div> 

Ecco il mio codice:

jQuery(document).ready(function($) { //required for $ to work in Wordpress 

    $(".article").each(function(){ 
     if ($(this).attr('href') !== undefined) { 
      return; 
     } else { 
      var linkTitle = $(this).html(); 
      $(this).parent().empty().html(linkTitle); 
     }        
    });  
//--> 
}); 

Answer 1

È possibile verificare la presenza di un attributo href vuota e "scartare" quei collegamenti utilizzando .replaceWith() come questo:

$(".article[href='']").replaceWith(function() { return this.innerHTML; }); 

You can give it a try here.

Answer 2

Si può semplicemente provare l'attributo come un valore booleano invece di testare contro undefined:

if ($(this).attr('href')) { 
    // href is not blank 
} else { 
    // href is blank 
} 

Answer 3

Per semplicemente sbarazzarsi di l'attributo 'href':

$("#myLink[href='']").removeAttr('href'); 

Per il targeting multiple, per ad esempio l'attributo "stile":

$("#myDiv td, a, p, table, nav, header[style='']").removeAttr('style'); 

In questo modo, si ottiene solo liberare l'attributo quando è vuoto invece di eliminare l'intero elemento stesso.

Un esempio di codice completo sarebbe:

$('#myDiv table, tr, td, a, p').each(function() { 
if ($(this).attr('style') == '') { 
    $(this).removeAttr('style'); 
} 
})