Генерируемый список Js?

Question

[MrJobs]

Знатоки, может показаться глупым вопрос
Есть выпадающий список ul-li
Разметку html генерируется Js (код соответсвенно не мой)
Что бы не вникать, можно ли кастылем добавить 1 li (всегда первый результат) через .sort или .reverse
Открывается список по клику

• тут список
  
• тут список
  
• тут список
  
• тут список
  
  

Answer 1

[Сергей Соколов]

См. Node.insertBefore()

Что-то типа:

function insertFirst(id) {
  const li = document.createElement('li'); // создали новый листайтем
  li.innerText = "меня тут не стояло";
  const parent = document.getElementById(id); // это ul
  const first = parent.firstChild; // это первый li до вставки
  parent.insertBefore(li, first); // впихнули новый li перед бывшим первым
}

Comments

[MrJobs]

Честно говоря, 3ий раз перечитал и не понял как это мне поможет :\
Может я некорректно объяснил..
Мне просто нужно добавить 1 li к сгенерированому ul по его ID первым результатом

[Сергей Соколов]

MrJobs, ну же, что-то типа

function insertFirst(id) {
  const li = document.createElement('li'); // создали новый листайтем
  li.innerText = "меня тут не стояло";
  const parent = document.getElementById(id); // это ul
  const first = parent.firstChild; // это первый li до вставки
  parent.insertBefore(li, first); // впихнули новый li перед бывшим первым
}

[MrJobs]

Сергей Соколов, я вот примерно так и пишу, только увы, не помогает, почему-то :\

function AddLi(id) {
var ul = document.getElementById("id");
    var li = document.createElement("li");
    var children = ul.children.length + 1
    li.setAttribute("id", "element"+children)
    li.appendChild(document.createTextNode("Element "+children));
    ul.appendChild(li)
  alert(li.id);
}

Даже алерт не срабатывает, в консоле тихо

[Сергей Соколов]

MrJobs, а как вызывается эта функция?

[MrJobs]

Сергей Соколов, поменял на $(document).ready(function()
Мой код сработал, ваш почему-то нет

Если не сложно, разжевать, мне нужно в этот li вставить Input на первый результат
Можно пример к моему коду? Спасибо

[MrJobs]

Разобрался, спасибо!)