/wの最初のテーブルのすべての行の最初のTDを選択:私は、次の条件が満たされているすべてのテーブルの行の最初のTDを選択する必要がjQueryの
- TDはにCOLSPAN
- TDを持っていません最初のテーブルではなく、ネストされたもの
のいずれかの次は...私のため
$("table:first > td:first-child").not("[colspan]").css("background-color","red");
/wの最初のテーブルのすべての行の最初のTDを選択:私は、次の条件が満たされているすべてのテーブルの行の最初のTDを選択する必要がjQueryの
のいずれかの次は...私のため
$("table:first > td:first-child").not("[colspan]").css("background-color","red");
外部テーブルのtd
に制限するには、複数の子セレクタを使用して特定のレベルまでドリルダウンすることができます。
$("table:first > tbody > tr > td:first-child").not("[colspan]")
私にはtbody
が含まれています。ほとんどのブラウザ(必ずしもすべてではありません)が欠落している場合には、それを挿入するので、明示的にテーブルに含める必要があります。
あなたが含まれるべきthead
とtfoot
要素を持っている場合は、代わりにtbody
の*
を使用しています。
$("table:first > * > tr > td:first-child").not("[colspan]")
ありがとう。それは非難されているので、私は親>子セレクタなしで解決策を見つけることを望んでいた... – santa
@santa:いいえ、 'parent> child'セレクターは非難されません。左辺オペランドなしでの使用は、 '> child、context'や' $(context).find( '> child') 'のように廃止されました。 –
動作しません。 TD
はおそらくとにかくTABLE
の直系の子孫ではありませんので、ちょうどtehのセレクタに>
を削除し、(間にTR
があるはずです):また
$('table:first td:first-child:not([colspan])');
、私はそれが廃止されてちょうど> child
セレクタ(だと思いますセレクタに親を持たない場合)。 parent > child
は完全に有効でなければなりません:
注:$( "> elemは"、文脈)セレクタは、将来 リリースで廃止されます。したがって、代わりの セレクタを使用する代わりに、その使用法は推奨されません。
/* This piece of code selects every first TD element without colspan
* in EVERY NOT nested TABLE
*/
// Select all without colspan
$('table td:first-child:not([colspan])').filter(
// filter out those having more than 1 parent table
function() {
return $(this).parents('table').length == 1
}).css('background', 'red');
あなたは[jsfiddle](http://jsfiddle.net/)上の例を投稿してもらえますか? –
* "親の子セレクタも省略されています..." *いいえ、それはありません。左側のオペランドを使用しないでそれを使用することのみが推奨されていません。 '>'は有効なCSSセレクタなので、非推奨にすることはできません。しかし、1つのオペランドだけで使用するには有効なCSSではないので、その特定の動作を非難することは意味があります。 –
@amではない - あなたは正しい。 $( "> elem"、context)は非推奨です。 – santa