Как обойти "дерево"
Доброго времени суток! Столкнулся с такой проблемкой:
<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 но обход начинается с первой главной категории, а не стой на которую кликнули.) |