jQueryのは、子要素の2種類

Question

私は、私が選択してボタンに入力にreadonlyとreadonlyを適用しようとしています<section>と

下の要素を切り替えるチェックボックスを持って、どのように私はjQueryのステートメントにそれをで達成できますか？

同じセレクタでjQueryをfindに2回作成するにはどうすればよいですか？

 $(this).parents('section') 
      .eq(0) 
      .find('input') <-- found all the inputs under <section> 
      .not('.cloud-media-toggle-inputs') 
      .prop('readonly', ! isChecked) 
      .find('select, button') <-- now I want to find all the <select>/<button> under <section> 
      .prop('disabled', ! isChecked); 

Answer 1

現在のチェーンの中で最も最近のフィルタリング処理を終了し、その前の状態にマッチした要素のセットを返す.end()

を使用する必要があります。

$(this).parents('section') 
     .eq(0) 
     .find('input') 
     .not('.cloud-media-toggle-inputs') 
     .prop('readonly', !isChecked) 
     .end() //<=========== 
     .find('select, button') 
     .prop('disabled', !isChecked); 

---

あるいは、

var sectionFirstChild = $(this).parents('section').eq(0); 
sectionFirstChild.find('input:not(.cloud-media-toggle-inputs)').prop('readonly', !isChecked); 
sectionFirstChild.find('select, button').prop('disabled', !isChecked);