distinguish parents li in CMS generated menu

Question

I have auto generated ul li CMS menu (prestashop) and I need to distinguish which li items have another's descendants(sub-levels) and which haven't and distinguish their css to let people know which items contain another's items.

I wanted to do it through jQuery, but I can't figure out how to do that.

Check this out. http://stackoverflow.com/questions/4291151/jquery-count-child-elements — Jesus Zamora, Mar 21 '13 at 23:33
But how can I use this for multiple level menu with unknown depth of nested childern? — user2061853, Mar 22 '13 at 19:32
You can use a nested function to navigate through each of the li children. — Jesus Zamora, Mar 22 '13 at 20:35
I'm sorry, but I'm still beginner in jQuery and I don't know if understand you. Could you show me a example? — user2061853, Mar 23 '13 at 09:37

score 0 · Answer 1 · edited Jun 11 '16 at 08:07

0

In jQuery you could do:

jQuery('.sf-menu li').has('ul').addClass('has-submenu');

This will add the class has-submenu to all li elements with an ul inside. You can see how it works in the following fiddle http://jsfiddle.net/59GFr/1/

edited Jun 11 '16 at 08:07

marc_s

732,580
175
1,330
1,459

answered Nov 30 '13 at 16:03

Mohamed Alkaduhimi

230
3
10

distinguish parents li in CMS generated menu

1 Answers1