jquery - For loop in conditional statement in Javascript -

jquery - For loop in conditional statement in Javascript -

i have script in box-in-box manner if statement sequence:

if($(selected).children('li').children('ul')){ selected = $(selected).children('li').children('ul'); $(selected).attr('data-level','3'); if( $(selected).children('li').children('ul') ){ selected = $(selected).children('li').children('ul'); $(selected).attr('data-level','4'); if( $(selected).children('li').children('ul') ){ selected = $(selected).children('li').children('ul'); $(selected).attr('data-level','5'); if( $(selected).children('li').children('ul') ){ selected = $(selected).children('li').children('ul'); $(selected).attr('data-level','6'); if( $(selected).children('li').children('ul') ){ selected = $(selected).children('li').children('ul'); $(selected).attr('data-level','7'); } } } } }

i wonder how handle in simple loop. help.

i guess want that:

class="snippet-code-js lang-js prettyprint-override">$('ul').attr('data-level', function () { homecoming $(this).parents('ul').length; }); class="snippet-code-css lang-css prettyprint-override">[data-level="0"] { color: blue; } [data-level="1"] { color: green; } [data-level="2"] { color: red; } class="snippet-code-html lang-html prettyprint-override"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <ul> <li>1</li> </ul> <ul> <li> <ul> <li>2</li> </ul> </li> </ul> <ul> <li> <ul> <li> <ul> <li>3</li> </ul> </li> </ul> </li> </ul>

javascript jquery for-loop foreach