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

Question

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

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

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

Спасибо!

Answer 1

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

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

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

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

Answer 2

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

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

Answer 3

Так?

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

Answer 4

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

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

Answer 5

Это, я думаю:

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

Answer 6

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

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

Answer 7

просто для полноты:

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

Answer 8

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

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

Answer 9

Мое решение:

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