Почему вставляет object HTMLLIElement] вместо HTML кода?

Question

[Александр]

переделываю меню в две колонки
получаю массив со списком

console.log(newLi)
[li#menu-category-13.menu-category-element-depth-3,  li#menu-category-20.menu-category-element-depth-3]

и теперь вставляю его в нужное место

$(getChildrenMenu).prepend('<li class="col-sm-4"><ul>' + newLi2 + '</ul><li>');

в итоге вставляется не ХТМЛ теги а
[object HTMLLIElement],[object HTMLLIElement],[object HTMLLIElement]

если вставлять просто
$(getChildrenMenu).prepend(newLi2);
тогда вставляет список нормально

Comments

[OVK2015]

Заверните в jQuery и будет вам счастье

$(getChildrenMenu).prepend($('<li class="col-sm-4"><ul>' + newLi2 + '</ul><li>'));

Answer 1

[trushka]

Потому что newLi2 - это не сторока, а массив html-элементов

Comments

[Александр]

join тут не поможет, я так понимаю
нужно циклом перебирать?

[Александр]

спасибо, погуглил в нужном направлении
у меня был массив с объектами
я изменил запись в массив
newLi.push(getLI[i].innerHTML);
и получился массив строк, который уже легко преобразовался в строку
newLi2.join(' ')

[trushka]

можно проще:

$(getChildrenMenu).prepend('<li class="col-sm-4"><ul></ul><li>').find('.col-sm-4>ul').prepend(newLi2);

[Александр]

trushka: спасибо за помощь

Answer 2

[SashaZanko1993]

Можно попробовать .outerHTML и может помочь