Mam następujące:

<code><ul id="list">
<li>item1
    <ul>
        <li>sub1</li>
        <li>sub2</li>
    </ul>    
</li>
</ul>
</code>

Chciałbym odpowiedzieć na zdarzenie li click i użyć tekstu li w innym miejscu. Jeśli jednak kliknięcie znajduje się na li, która zawiera zagnieżdżoną ul, oczywiście otrzymuję tekst wszystkich elementów.

<code>$("#list li").click(function() {
    alert($(this).text());
});
</code>

zwraca element1sub1sub2, zgodnie z oczekiwaniami.

Nie mogę dowiedzieć się, jak uzyskać „item1”, jeśli kliknięto element 1 li. Próbowałem (między innymi) bez powodzenia:

<code>$("#list li").click(function() {
    alert($(this).filter("ul").text());
});
</code>

Jakieś pomysły?

EDYTOWAĆ

To fragment przykładu - może mieć wiele poziomów. Nie chcę również zawijać tekstu elementu listy w zakresie lub innym znaczniku.