CODEWITHSUNDEEP
javascriptjqueryhtmlanchor
Anjana Sharma
Anjana Sharma

Reputation: 4745

hide parent div if link inside has empty href

I need to hide the buttonholder Div which is styled to look like a button. But the button styles images need to hide if the link itself is empty.

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

I need to hide RegisterBtnHolder if the anchor tag has empty href or empty text..How do i do this in jquery.

Upvotes: 0

Views: 2765

Answers (7)

Timber
Timber

Reputation: 373

JavaScript Only

var dilly = document.querySelectorAll('.RegisterBtnHolder a'), i;

for (i = 0; i < dilly.length; ++i) {
     var $true = (dilly[i].getAttribute('href') == '')
     if ($true == true) {
          dilly[i].parentElement.style.display = 'none'
     } else {
          dilly[i].parentElement.style.border = "1px dotted silver"
     }
}

jsfiddle

Upvotes: 0

ninja
ninja

Reputation: 2263

Using jQuery:

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

The above answer prolly works aswell, just remember try to avoid jumping into the DOM as much as possible, it will slow down your load time.

Upvotes: 2

charlietfl
charlietfl

Reputation: 171669

Useing filter() helps

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

Upvotes: 1

shaunsantacruz
shaunsantacruz

Reputation: 8930

Fiddle

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

Upvotes: 1

DefyGravity
DefyGravity

Reputation: 6011

give this a shot: 

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

Upvotes: 2

DG3
DG3

Reputation: 5298

sample code below 

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

Upvotes: 1

j08691
j08691

Reputation: 207901

Does this work for you:

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

Upvotes: 1

Related Questions