Objet DOM JavaScript vers objet jQuery

Question

Comment convertir un objet DOM JavaScript en un objet jQuery ?

<tr onclick="changeStatus(this)">

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

Que dois-je écrire à la place de XXX ? Je sais que je peux faire une solution de rechange en utilisant un id et un sélecteur d'id, mais ce n'est pas très élégant. Existe-t-il un moyen de convertir un objet DOM js en un objet jQuery ou en utilisant la fonction this dans jQuery ?

Answer 1

var $this = $(myObject);

$this est un objet jQuery. Vous pouvez créer des objets jQuery à partir d'éléments du DOM.

<tr onclick="changeStatus(this)">

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

Je vous recommande également d'utiliser jQuery pour lier les événements :

<tr class="change-status">

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

C'est bien parce que maintenant tout le code JS est au même endroit et peut être mis à jour (à mon avis) plus facilement. Notez que la classe que j'ai ajoutée au <tr> n'est pas nécessaire si vous voulez vous lier à tous les éléments de la <tr> dans le DOM.

Answer 2

Il suffit de passer l'objet DOM en tant que premier argument.

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