如何检查 jquery 中的 attr() 是否为空？

Question

我有一些使用 PHP 创建的 div。 div 内的锚点始终有一个 HREF，即使它是空白的。基本上，我试图检测 HREF 是否为空。如果它有内容，则不执行任何操作，如果它是空白，则删除文本，删除锚点，然后将文本放回原处。

这是 div：

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

这是我的代码：

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

您可以简单地将属性作为布尔值进行测试，而不用针对 undefined 进行测试：

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

Answer 2

您可以检查空的 href 属性，并使用 “解开”这些链接。 ReplaceWith() 像这样：

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

您可以在这里尝试一下。

Answer 3

简单地删除“href”属性：

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

对于多个定位，例如“style”属性：

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

这样，您只会在属性为空时删除该属性，而不是删除整个元素本身。

完整的代码示例是：

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