jQueryでDOMから要素を取得する

Question

EDIT： JSFIDDLE here私は、フィドルでDESKTOP 1をMOBILE 1の要素（＃2と同じ）に反映しようとしています。コンソールにエラーが表示されます。

DESKTOP 1になり、リストからNEW RATEを選択します。コンソールを開いて問題を確認してください。ありがとう！

---

私は、このコマンドを使用して、私のレイアウトから要素を取得：

var eqTaxSelect = $('table#mob-tab-' + num).find('select.tax_rate').get(); 

私はそれを切り替えてみてください。

toggleField($(eqTaxSelect), $(eqTaxSelect).nextElementSibling); <-- FAILS 

function toggleField(hideObj, showObj) { 
    hideObj.style.display = 'none';  <-- FAILS HERE 
    showObj.style.display = 'inline'; 
    showObj.focus(); 
} 

で：

Uncaught TypeError: Cannot set property 'nextElementSibling' of undefined 

何午前変数に要素を代入すると間違っているのですか？この機能は、たとえば、クリックイベントリスナー内のthisで機能します。 ありがとう！

私はこのフォーラムからやってきたHTMLを基本的には隠し入力としていますので、新しいエントリを追加したり、オプションリストのエントリを使用することもできます。

Answer 1

要素を変数に割り当てるときに私は間違っていますか？

あなたはtoggleFieldがDOM要素を期待jQuery()オブジェクトを渡しています。 jQuery()には.nextElementSiblingメソッドがありません。 toggleFieldにDOM要素を渡すために

toggleField(eqTaxSelect, eqTaxSelect.nextElementSibling); 

と交換

toggleField($(eqTaxSelect), $(eqTaxSelect).nextElementSibling); 

でjQuery()への呼び出しを削除します。

console.log(eqTaxSelect)

と

Answer 2

テストは、インスペクター（CTRL + SHIF + I CHROME）でご覧ください。これがOKであれば、

はただ、これは "$"

Answer 3

あなたの声明

toggleField(eqTaxSelect, eqTaxSelect.nextElementSibling); 

が失敗した理由があるため、あなたが移入されている方法の

toggleField(eqTaxSelect, eqTaxSelect.nextElementSibling)

withouthありませんthe eqTaxSelect

var eqTaxSelect = $('table#mob-tab-' + num).find('select.tax_rate').get(); 

それはインデックスなし

var eqTaxSelect = $('table#mob-tab-' + num).find('select.tax_rate').get(0); 

理由ビーイング、取得（）のように変更する必要がありますが、アレイと、あなたが操作している方法を返し、あなたは、単一のDOM要素を期待しています。

jQuery documentation for get()