如何從jQuery對象中選擇一個元素？

Question

說我有下面的代碼：

<div class="foo"> 
    <div class="t1">A</div> 
    <div class="t2">B</div> 
</div> 

//JS 

var obj = $('.foo'); 

現在我想從T2元素中的文本。如何使用我的obj對象選擇此選項？

這並不不工作：var txt = $(obj + '.t2').text();
這工作得很好：var txt = obj.find('.t2').text();
我也知道我可以用這個var txt = $('.foo .t2').text();

但我認爲使用.find()需要比直接選擇它更多的資源。有沒有一種方法可以直接使用我的obj來選擇子元素？

Answer 1

這個以一次嘗試：

var txt = $(obj + '.t2').text(); 

這不工作，因爲你正在試圖將一個字符串追加到一個對象，其結果不會是一個有效的選擇。

var txt = obj.find('.t2').text(); 

這將尋求在原選擇元素的緩存子集內的.t2元素。這是使用您的方案是最好的方法，實際上比例3使用更少的資源：

var txt = $('.foo .t2').text(); 

這也將工作，但它需要的jQuery再次掃描DOM，這是一些東西，應儘量避免可能。

Answer 2

你可以嘗試

obj.children().eq(1).text() 

這樣您訪問obj變量的孩子，在第二個（0基於指數）和訪問其文本。

Answer 3

如果您的情況是您必須通過您的obj元素，那麼我相信find()是要走的路。我在jQuery的find（）文檔中沒有看到關於效率與直接選擇器相比是否有效的任何內容，但是我認爲你只需要搜索obj的後裔並使用find()這一事實意味着它不能太低效。

obj.find('.t2').text() 

Answer 4

最直接的方式來選擇兒童將得到所有的孩子和通過索引來訪問它們：

var ch = obj.children(); 
var text = ch.eq(1).text(); 

這自然意味着你必須知道的子元素的順序。

您可以在children method中使用選擇器。這將獲得選擇相匹配的孩子，但使用find唯一的區別是，它僅查找直接孩子，所以在你的情況下，它的工作原理是一樣的：你指的是資源的

var text = obj.children('.t2').text();