Как удалить все пустые элементы UL

[smashercosmo]

Здравствуйте. Помогите пожалуйста написать функцию.
Есть список вида:

<ul id="navigation">
     <li>For Parents
          <ul id="submenu_For_Parents">
               <li>Item
                    <ul id="submenu_Item"></ul>
               </li>
          </ul>
     </li>
     <li>For Students
          <ul id="submenu_For Students"></ul>
     </li>
     <li>For Teachers
          <ul id="submenu_For Teachers">
               <li>Hello</li>
          </ul>
     </li>
</ul>

Нужно написать функцию, которая будет удалять все пустые теги UL, т.е. те, в которых нет тегов LI (не просто ничего нет, а именно тегов LI).
Уровней вложения может быть бесконечное количество. Спасибо.

[Snipe]

var uls = document.getElementsByTagName('ul');
for (var i=uls.length-1; i>=0; i--) {
  if (uls[i].innerHTML.search('li') == -1)
    uls[i].parentNode.removeChild(uls[i]);
}

[Kolyaj]

uls[i].innerHTML.search('li') == -1

Жуть какая.

не просто ничего нет, а именно тегов LI

А что там еще может быть?

[smashercosmo]

Извините, но к сожалению не работает...

[smashercosmo]

Kolyaj,
Ну хорошо. Там просто ничего нет.

[Snipe]

Жуть какая.

Что не так? =)

Извините, но к сожалению не работает...

А как вы узнали, что не работает? =)

[smashercosmo]

Snipe,
Эээ... ну создал страничку с этим списком, вашей функцией и кнопкой, которой присвоил эту функцию. По нажатию кнопки удаляется последний элемент LI. Тот, в котором написано "Hello". Вот и всё.

[Kolyaj]

Что не так? =)

Эта конструкция не проверяет наличие тега li, она проверяет наличие подстроки li в innerHTML. Хотя в данном конкретном случае, разумеется, будет работать

UPD: Хотя может и не будет, т.к. в ИЕ имена тегов приводятся к верхнему регистру.

[Андрей Параничев]

smashercosmo,
Если вы уверены, что в <ul> не будет лишних символов (включая перенос строки или пробел),
то можете воспользоваться такой конструкцией:

var uls = document.getElementsByTagName('ul');
	for (var i=uls.length-1; i>=0; i--) {
		if(!uls[i].hasChildNodes())
			uls[i].parentNode.removeChild(uls[i]);
	}

В крайнем случае, такой:

var uls = document.getElementsByTagName('ul');
	for (var i=uls.length-1; i>=0; i--) {
		if (uls[i].getElementsByTagName("li").length == 0)
			uls[i].parentNode.removeChild(uls[i]);
	}

[smashercosmo]

Огромное спасибо. Заработало.