Как вставить дочерний элемент перед последним в родителе?

Question

[Акваланг]

Есть такой код:

<ul id="tags_selected">
	<li>Тэг 1</li>
	<li>Тэг 2</li>
	<div class="clear"></div>
</ul>

Как мне с помощью JQuery вставить еще один <li> перед <div>?

Comments

[Дмитрий]

div внутри ul - это не валидная структура

[Акваланг]

Дмитрий, спасибо, убрал div, заменил на

#tags_selected:after {
	content:'';
	display:block;
	clear:left;
}

Answer 1

[alvvi]

$('.tags_selected')
  .children('li')
  .last()
  .after('<li>Hey?</li>')

or

$('.tags_selected')
  .children('.clear')
  .first()
  .before('<li>Hey?</li>')

Comments

[Акваланг]

Дело в том, что <li> генерируются тоже с помощью JS, и изначально их нет. Таким образом, если изначально дочерних <li> совсем нет, то получится ли?

[alvvi]

targetologru, обновил

[Акваланг]

Спасибо за наводку, сделал как надо — работает!

[alvvi]

targetologru, если и .clear там тоже может не быть, то уже не обойтись без проверок естественно.

Answer 2

[Акваланг]

Поскольку <li> генерируются тоже с помощью JQuery, и изначально их тоже нет, то сделал так:

$('#tags_selected').children().last().before('<li>'+$(this).text()+'</li>')