JavaScript DOMオブジェクトからjQueryオブジェクトへ

Question

どのようにしてJavaScript DOMオブジェクトをjQueryオブジェクトに変換できますか？

<tr onclick="changeStatus(this)"> 

function changeStatus(myObject) { 
     XXX.removeClass(); 
} 

XXXの代わりに何を書きますか？ 私はidとidセレクタを使って回避策を作ることができますが、それほどエレガントではありません。 js DOMオブジェクトをjQueryオブジェクトに変換する方法はありますか？または、thisキーワードをjQueryで使用していますか？

Answer 1

var $this = $(myObject); 

はjQueryオブジェクトです。 DOM要素からjQueryオブジェクトを作成できます。

<tr onclick="changeStatus(this)"> 

function changeStatus(myObject) { 
     $(myObject).removeClass(); 
} 

私もjQueryを使って結合あなたのイベントを行うことをお勧めしたいと思います。今、すべてのJSコードが一つの場所にあり、（私の意見で）更新することができますので、

<tr class="change-status"> 

$('.change-status').on('click', function() { 
    $(this).removeClass(...); 
}); 

これはいいですもっと簡単に。 DOMのすべての<tr>要素にバインドする場合は、<tr>要素に追加したクラスIは不要です。

Answer 2

最初の引数としてDOMオブジェクトを渡してください。

$(myObject).removeClass('foo');