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的善良。如果你喜歡，你可以追加數組索引得到公正的HTML元素：

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

Answer 2

是否這樣？

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

Answer 3

這個什麼：

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

Answer 4

你可以去有關平添幾分不同太：

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

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");