jQuery .each（）を使用して子供の子供を見つけるにはどうすればよいですか？

Question

ページ上に多くのTABLEタグがあると、選択したテーブルでTD子を選択する方法を教えてください。

これは論理的であるが、このエラーで失敗します。

Error: uncaught exception: Syntax error, unrecognized expression: [object Object]tr 

私のコード

$(document).ready(function() { 
    var selectedTable = $('table').eq('9'); 

    $(selectedTable).css('border','10px solid green'); 

    $(selectedTable + 'tr td').each(function(i) { 
     $(this).css('border','10px solid blue'); 
    }); 

}); 

Answer 1

selectedTableされるjQueryオブジェクト、文字列ではありません。
セレクタでは使用できません。

代わりに、あなたはjQueryのトラバーサルAPIを使用する必要があります。

selectedTable.find('tr td') 

Answer 2

selectedTable.find('tr td').each(function(i) { 
     $(this).css('border','10px solid blue'); 
    }); 

また、次のようにチェーンすることができます。

selectedTable.css('border','10px solid green').find('tr td').each(function(i) { 
    $(this).css('border','10px solid blue'); 
}); 

また、あなたは$を（使用する必要はありませんセレクタが既にjqueryオブジェクトを返すので、selectedTable）を再度呼び出します。

Answer 3

.find()を使用して、テーブルの子を取得します。問題は、selectedTableがセレクタ文字列ではなく、オブジェクトであることです。オブジェクトを文字列に連結することはできません。そのため、エラーが発生します。

これは正常に動作する必要があります：

$(document).ready(function() { 
    var selectedTable = $('table').eq('9'); 

    $(selectedTable).css('border','10px solid green'); 

    $(selectedTable).find('tr td').each(function(i) { 
     $(this).css('border','10px solid blue'); 
    }); 
}); 

Answer 4

$(selectedTable).find('td').each(function (index, element) { 
    ... 
});