jQuery選擇 - 兒童

Question

的孩子們，我有以下的jQuery片段（與each用來遍歷結果表）：

$('.foo').children('.bar').children('.first_baz').text(); 
$('.foo').children('.bar').children('.second_baz').text(); 

我使用它來訪問$firstvalue和$secondvalue：

<tr class='foo'> 
<td class='bar'><span class='first_baz'>".$firstvalue."</span><span class='second_baz'>".$secondvalue."</span></td> 
</tr> 

這工作，但它是有效的？我懷疑有更好的方式來獲得這些價值......它是什麼？

Answer 1

如果first_baz和second_baz元素只是在表中，沒有別的地方的頁面，那麼你可以跳過孩子函數中使用下面的代碼片段：

$('.first_baz').text(); 
$('.second_baz').text(); 

如果上述情況沒有按't保持良好，那麼你可以縮短語句到

var parent = $('.foo'); //Get the parent context so that its not queried twice 
$('.first_baz', parent).text(); 
$('.second_baz', parent).text(); 

Answer 2

您可以緩存所有.bar。

var bar = $('.foo').children('.bar') 
bar.children('.first_baz').text(); 
bar.children('.second_baz').text(); 

Answer 3

我還沒有嘗試，但這應該是更有效率。

$('.foo .bar .first_baz').text(); 
$('.foo .bar .second_baz').text(); 

Answer 4

$('span.first_baz').text() 

，如果你不需要母結構， 或

$('tr.foo > td.bar > span.first_baz').text() 

如果你這樣做。