Как добавить класс во многоуровневом списке?

Question

[wangler]

Здравствуйте.
Есть многоуровневый список вида:

<ul>
 <li><ul>
      <li><ul>
                 <li class="selected"></li>
            </ul>
      </li>
      </ul>
</li>
</ul>

Необходимо в случае присутствия класса selected на любом из уровней добавить такой же класс для всех уровней-родителей. Спасибо.

Answer 1

[IceJOKER]

Как-то так:

if($('ul .selected').length != 0){
  $('ul').append( "<li class="selected"></li>" );
}

Answer 2

[Дмитрий Беляев]

Попробуйте такую функцию:

function setSelected(topUL) {
    var top = typeof topUL === 'string' ? document.querySelector(topUL) : topUL;
    var selected = top.querySelectorAll('li.selected');
    for(var i = selected.length; i--;) {
        var current = selected[i];
        while(current !== top) {
            current = current.parentNode;
            if(current.nodeName === 'LI') {
                current.classList.add('selected');
            }
        }
    }
}

на вход принимает селектор или domNode самого верхнего <ul> в дереве