Как обойти "дерево"

[asp_]

Доброго времени суток! Столкнулся с такой проблемкой:

<ul>
<li class = "parent" ><a href = "javascript://">1111111111</a></li>

это подкатегория
<li class = "hide">
<span></span>
<a  href = "">222222222</a>
</li>
это тоже
<li class = "hide">
<span></span>
<a  href = "">222222222</a>
</li>

<li class = "hide">
<span>==</span>
<a  href = "">222222222222</a>
</li>

<!-- следующая категория -->
<li class = "parent"><a  href = "javascript://">1111111111</a></li>
<li class = "hide">
<span>==</span>
<a  href = "">222222222</a>
</li>

<li class = "hide">
<span></span>
<a  href = "">22222222222</a>
</li>

Имеется вот такое странное меню (генерируется одной очень плохой cms), вопрос в том как обойти это меню чтобы при нажатии на категорию в подкатегориях (у тех у которых в <li> есть тег <span>) появлялась надпись (например "подкатегория").
Пытаюсь сделать с помощью функции each но обход начинается с первой главной категории, а не стой на которую кликнули.)

[zebra]

$('li').click(function() {
   $(this).find('li span').each(function() {
          $(this).text('aaa');
   });
});

[asp_]

спасибо, попробую