2012-03-02 58 views
0

我需要隐藏按钮看起来像一个按钮样式的按钮。但是,如果链接本身为空,则按钮样式图像需要隐藏。隐藏父div如果链接里面有空href

<div class="RegisterBtnHolder"> 
    <span class="RegisterOrangeButton"> 
      <span> 
       <a href="http://www.google.com">Register Online</a> 
     </span>        
    </span> 
</div> 

我需要隐藏RegisterBtnHolder如果锚标记具有空HREF或空text..How做我jQuery的做到这一点。

回答

1

Fiddle

$('.RegisterBtnHolder a').each(function() { 
    if($(this).attr('href') === '' || $(this).text() === '') { 
     $(this).parents('.RegisterBtnHolder').hide(); 
    } 
}); 
1

这是否对你的工作:

if ($('div.RegisterBtnHolder a').text() == '' || $('div.RegisterBtnHolder a').attr('href') == '') $('div.RegisterBtnHolder a').hide()​ 
1

下面的代码示例

if($("a").attr("href") === "" || $("a").text()===""){ 
    $(this).closest("div").hide(); 
} 
2

给这一个镜头:

$(function(){ 
     $("a[href=''],a:empty","div.RegisterBtnHolder").closest("div.RegisterBtnHolder").hide(); 
    }); 
2

使用jQuery:

var button = $('.RegisterBtnHolder').find('a'); // caches the <a> element from the dom. 
if(button.attr('href') == '') { 
    button.hide(); 
} 

以上回答prolly工作藏汉,只记得尽量避免跳跃到DOM尽可能,它会减慢你的加载时间。

+0

没有'src'在锚标记 – charlietfl 2012-03-02 18:16:01

+0

你说的没错,已经工作了一整天在图像功能,所以在src被卡在我的头上:)我编辑我的帖子。 – ninja 2012-03-02 19:04:43

1

期运用过滤器()帮助

http://api.jquery.com/filter/

$('.RegisterBtnHolder a').filter(function(){ 
    /* add any additional tests you might need such as looking for "#" as an href*/  
    return $(this).attr('href')=='' || $.trim($(this).text())=='';       
}).closest('.RegisterBtnHolder').hide();