Question

I have:

<li class="parent">
  <a href="#">Text I WANT to remove</a>
  <ul>
    <li class="child">
      <a href="#">Text I DO NOT WANT to remove</a>
    </li>
  </ul>
</li>

How do I remove text from the parent’s a element but not any of the childrens’?

EDIT: removed extra closing a tag for clarity.

Answer 1

Try using the $("#element").text() function.

Just set it to an empty string :

$(".parent > a").text('');

I am using the > part of the selector to state that I want to use only the <a> tags that are direct children – that means they appear in the first level.

Reference : http://www.w3.org/TR/CSS2/selector.html#child-selectors