[jQuery] nested .each issue
Hey gang,
I've got a page with a multiple unordered lists. I'm trying to get
each list to show only 10 items, unless the user selects to view
more.
I thought that I could cycle through each UL, then count the LI's and
hide them if there are more than 10 LI's.
Unfortunately, this is only working on the first UL, and then on
subsequent UL's, everything is hidden.
My code looks like this currently
[code]
function truncateList(){
$('.itemList').each(function(){
$('.item').each(function(i){
if(i>9){
$(this).hide();
}
});
});
}
[/code]
I've tried a few different things, including looking for $(this
+' .item').each, and stuff like that, but I keep getting the same
result.
Unfortunately the code isn't on an externally available server yet.
I'm sure this is a pretty easy one, but I haven't been able to get it
working.