Question

I have a speech bubble called philosophy bubble which is just a div styled to look like a quote bubble and the sharepoint control is what fills up the content of the bubble but sometimes the bubble may not have any text and needs to be hidden. Not just the bubble but also the text below which is like ‘Mr. X’s saying’ should be hidden since the bubble is empty. How is is achieved in jquery?

<div class="philosophy-bubble">Quote goes here                  
</div>                              
<span class="credit">
Quoter..
</span>

Answer 1

Assuming you only want to hide the bubbles that have no text in them, you could do it this way:

$(".philosophy-bubble").each(function() {
    if (this.innerHTML.match(/\S/)) {
        $(this).hide().next(".credit").hide();

    }
});