如何訪問對象中的元素？

Question

，比如我有：

var my_ul = jQuery('<ul/>'); 
jQuery('<li/>').appendTo(my_ul); 
jQuery('<li/>').appendTo(my_ul); 
jQuery('<li/>').appendTo(my_ul); 
jQuery('<li/>').appendTo(my_ul); 

是否有可能進入最後的李在UL？

Answer 1

你可以這樣說：

my_ul.find('li:last'); 

或者，你可以使用jQuery構造的情況下參數：

$('li:last', my_ul); 

見demo

Answer 2

試試這個

my_ul.find('li:last');

Answer 3

當然！

這是jQuery背後真正的魔力：選擇器。我強烈建議你閱讀所有這些內容，因爲它們都有目的，其中一些非常強大。如果您正在進行性能/優化，請記下仿真的僞選擇器，因爲它們通常比較慢。

直接回答你的問題，所有下面的代碼將讓你在你的UL的最後一個項目：

my_ul.children("li:last"); 

my_ul.children("li").last(); 

讀者練習：找哪一個更高性能的:-)

Answer 4

var my_ul = jQuery('<ul/>'); 
x1 = jQuery('<li/>').appendTo(my_ul); 
x2 = jQuery('<li/>').appendTo(my_ul); 
x3 = jQuery('<li/>').appendTo(my_ul); 
x4 = jQuery('<li/>').appendTo(my_ul); 

x4.html('I\'m last'); 

你可以訪問你想要的元素。

Answer 5

var my_ul = $('<ul/>'); 
for(i=0;i<4;i++){ 
    my_ul.append("<li> index: "+i+"</li>"); 
} 

alert(my_ul.find('li:last').text()); // .find() faster than constructor