jQuery: Find the text of a list item that contains a nested ul

Question

I have the following:

item1
    

        
sub1
        
sub2
             


        

Answer 1

Normal DOM methods allow to access text contents for just one element, rather than jquery:

$("#list li").click(function() {
    alert($(this)[0].firstChild.textContent)
});

firstChild in this case is the textNode beneath the li element