Question

I have the following HTML;

<p class="postcontent">
<img src="#">
Some Text
</p>

I want to be able to hide only the text.
So far I have this;

  jQuery(function($) {
$(".postcontent").$('[type=text]').hide();
  });

Edit: I don’t have any control over the html so I need to add it by Jquery.

Answer 1

You can wrap the text on the FLY and then hide it:

HTML:

<p class='postcontent'> <a href=#> dsds </a> aaa </p>

Javascript:

$('.postcontent').contents().filter(function() {
     return this.nodeType == 3; })
             .wrap('<label"> <label />').parent().hide();

JSFiddle

---

Update based on a comment:
Why does it create two labels? that’s easy because it has two text nodes…:

<p class='postcontent'> (!!FirstTextNode!!)
    <a href=#> dsds </a> (!!SecondTextNode!!) aaa 
</p>