Objeto DOM de JavaScript para el objeto jQuery

Question

¿Cómo puedo convertir un objeto DOM de JavaScript en un objeto jQuery?

<tr onclick="changeStatus(this)"> 

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

¿Qué debo escribir en lugar de XXX? Sé que puedo hacer una solución usando un id y un selector de id, pero no es tan elegante. ¿Hay alguna forma de convertir un objeto DOM js en un objeto jQuery o utilizando la palabra clave this en jQuery?

Answer 1

var $this = $(myObject); 

$this es un objeto jQuery. Puede crear objetos jQuery a partir de elementos DOM.

<tr onclick="changeStatus(this)"> 

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

me gustaría recomendar hacer su acontecimiento de unión con jQuery así:

<tr class="change-status"> 

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

Esto es bueno porque ahora todo el código JS está en un lugar y se puede actualizar (en mi opinión) más fácilmente. Tenga en cuenta que la clase que agregué al elemento <tr> no es necesaria si desea enlazar a todos los elementos <tr> en el DOM.

Answer 2

Simplemente ajuste el paso al objeto DOM como primer argumento.

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