jquery - children() を使用した後の要素の選択

Question

セレクターがオブジェクトをjQuery('.pa_availability-pin table tbody tr').children('td').eq(1); 返すようになったので、この選択した要素内にある要素を<td>選択したい<input><td>

これを1つのステートメントで行う方法は？

Answer 1

jQuery('.pa_availability-pin table tbody tr > td:eq(1) > input');

ただし、これを少し最適化できます。これらの要素のそれぞれが他の要素に含まれている必要table tbody tr tdがあるため、冗長です。それを安全に減らすことができます：td

jQuery('.pa_availability-pin td:eq(1) > input'); // zero-based

where>は直接の子を指定します。これは、あなたが望んでいるように見えました。

さらに、:eqCSS セレクターではないため、セレクターを最適化するには、:nth-child代わりに次のように使用します。

jQuery('.pa_availability-pin td:nth-child(2) > input'); // not zero-based

あなたの周りに別の要素input(ラベルなど) がラップされている場合>は、セレクターから を削除するだけです。

Answer 2

すべてを 1 つのセレクターに組み合わせるだけです。

jQuery('.pa_availability-pin table tbody tr td:eq(1) input');

または使用.find()

jQuery('.pa_availability-pin table tbody tr').children('td').eq(1).find('input');