Как получить div в этом коде?

Question

Как мне получить div из этого (последнего) элемента списка?

В настоящее время у меня есть это, что просто уродливо ... какие-либо предложения по более чистому селектору / решению?

var div = ul.append("<li><div></div></li>").contents("li:last-child")[0].children[0];

Спасибо!

Answer 1

Вы также можете добавить немного по-другому:

var div = $('<div/>'); 
// do whatever you need to do with the div
$('<li/>').appendTo(ul).append(div);

Answer 2

Использование массива-индекса возвращает только объект HTMLElement и, таким образом, удаляет множество полезных функций jQuery, поэтому будьте осторожны с этим. Я хотел бы подойти к этому так:

var div = $("<div/>").appendTo($("<li/>").appendTo(ul));

От самого внутреннего к внешнему, это создает элемент списка, добавляет его в ваш список, создает div, добавляет его к вашему новому элементу списка и возвращает div, все еще завернутый в jQuery. Если хотите, вы можете добавить индекс массива, чтобы получить только HTMLElement:

var div = $("<div/>").appendTo($("<li/>").appendTo(ul))[0];

Answer 3

Мое решение:

var div = ul.append("<li><div></div></li>").find("div:last");

Answer 4

var div = ul.append("<li><div></div></li>").find('div').get(0);

Я думаю, это то, что вы ищете.

Answer 5

только для полноты:

var div = $('<div></div>').appendTo($("<li></li>").appendTo(ul));

Answer 6

Как насчет этого:

 var div = $('<li><div/></li>').appendTo(ul).find('div');

Answer 7

Это, я думаю:

var div = ul.append('<li><div></div></li>').find("li:last div");

Answer 8

Что по этому поводу:

ul.append("<li><div></div></li>").contents("li:last-child > div").get(0);

Answer 9

Как это?

var div = ul.append("<li><div></div></li>").contents("li:last-child > div")[0];