Как выбрать добавленный элемент в списке UL

Question

Я хочу добавить <li> в мой список <ul> ниже, над .last-child:

<ul id="list">
    <li>item 1<li>
    <li>item 2<li>
    <li>item 3<li>
    <li class="last-child"><li>
</ul>

Для этого я использую следующий код jQuery:

var result = '<li>item 4</li>';
$("#list li.last-child").before(result);

Это все отлично работает. Тем не менее, я хочу выбрать только что добавленную строку ... Обычно я думаю, что я мог бы использовать следующий код для выбора последнего <li>:

var $newrow = $('#list').find('li:last');

Но в этом случае я хочу выбрать второй последний <li>, как выбрать второй последний <li>, который я только что вставил?

Имею ли я смысл?

Заранее спасибо!

Answer 1

var result = $('<li>item 4</li>');
$('#list li:last-child').before( result );

// result reference is saved, so keep on using result.

// However you could have used .prev() to anchor to the previous element.