jQuery Comment puis-je obtenir la div dans ce code?

Question

Comment puis-je obtenir la div à partir de ce (dernier) élément de la liste?

À l'heure actuelle, j'ai ce qui est tout simplement laid ... des suggestions sur un? Sélecteur propre / solution

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

Merci!

Answer 1

En utilisant un index des rendements de tableau que l'objet HTMLElement et ainsi supprime beaucoup de fonctionnalités utiles jQuery, donc soyez prudent avec ça. Je aurais tendance à l'aborder de cette façon:

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

De plus à l'intérieur à à l'extérieur, ce qui crée un élément de la liste, il ajoute à votre liste, crée une div, il ajoute à votre nouvel élément de liste et retourne la div, encore enveloppé dans la bonté jQuery. Si vous le souhaitez, vous pouvez ajouter un index de tableau pour obtenir juste le HTMLElement:

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

Answer 2

Vous pouvez aller sur l'ajout d'un peu différemment aussi:

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

Answer 3

Comme cela?

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

Answer 4

Qu'en est-il ceci:

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

Answer 5

, je pense:

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

Answer 6

Que diriez-vous ceci:

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

Answer 7

juste pour être complet:

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

Answer 8

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

Je pense que ce que vous recherchez.

Answer 9

Ma solution est:

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