Как добавить до последнего li в выпадающем списке

Question

Я использую следующий конструктор форм (http://dontlink.me/formbuilder/) и внес в него множество изменений, чтобы работать так, как я хочу.

Одна из вещей, которую я хочу сделать, это когда вы добавляете новое поле формы, я хочу, чтобы это поле формы располагалось внизу списка ... В данный момент они располагаются вверху. *

Это код, который добавляет новый li в список ... Я упростил его до части, которая фактически добавляет ...

var result = '<li>The new form field code goes here....</li>';
var into = $("#form_builder_panel ol");
$(into).prepend(result);

По какой-то причине по умолчанию они добавляют тег "li" в код и присваивают ему класс 'last-child'.

<div id="form_builder_panel">
<form method="post" action="preview.php" class="fancy">

    <fieldset class='sml'>
        <legend>Built Form</legend>
        <ol>
            <li class="last-child"></li>
        </ol>
    </fieldset>

Теперь я попытался изменить эту третью строку кода следующим образом:

$(into).append(result);

Но это ставит li 'last-child' наверх, и скрипт перестает работать ...

Итак, мой вопрос: как мне сделать так, чтобы он добавлял новый li в список, но добавлял его над li 'last-child'?

Надеюсь, у меня есть смысл:)

Answer 1

А как же

перед функцией

Вставьте содержимое перед каждым согласованные элементы.

$(".last-child").before(result);

Если вы хотите добавлять его как последний li каждый раз, то удалите класс 'last-child' из li и используйте селектор : last-child , такой как

$(".sml li:last-child").after ( result );

Answer 2

работает $(into).innerHtml = result;?