Wie überprüfe ich nach leerem attr() in jquery?

Question

Ich habe ein paar Divs, die mit PHP erstellt werden. Der Anker im div hat immer einen HREF, auch wenn er leer ist. Im Grunde versuche ich zu erkennen, ob der HREF leer ist. Wenn es Inhalt hat, nichts tun, wenn es leer ist, wird der Text Streifen aus, löschen Sie den Anker, legte sie den Text auf der Rückseite

Hier ist die div.

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

Hier mein Code:

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

Sie können für eine leere überprüfen href Attribut und "auspacken" diese Links .replaceWith() wie folgt aus:

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

You can give it a try here.

Answer 2

Sie können einfach testen das Attribut als boolean statt es gegen undefined Prüfung:

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

Answer 3

einfach um den 'href' -Attribut loszuwerden:

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

Für mehrere Targeting, für Beispiel das 'style' Attribut:

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

Auf diese Weise erhalten Sie nur Löschen Sie das Attribut, wenn es leer ist, anstatt das gesamte Element selbst zu löschen.

Ein vollständiges Codebeispiel wäre:

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