JavaScript DOM object to jQuery object

Question

How can I convert a JavaScript DOM object to a jQuery object?

<tr onclick="changeStatus(this)">

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

What should I write in place of XXX? I know I can make a workaround using an id and an id selector, but it is not so elegant. Is there any way to convert a js DOM object to a jQuery object or using the this keyword in jQuery?

Jasper · Accepted Answer · 2012-02-28 21:12:46Z

77

var $this = $(myObject);

$this is a jQuery object. You can create jQuery objects from DOM elements.

<tr onclick="changeStatus(this)">

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

I would like to recommend doing your event binding with jQuery as well:

<tr class="change-status">

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

This is nice because now all the JS code is in one place and can be updated (in my opinion) more easily. Note that the class I added to the <tr> element is not necessary if you want to bind to all <tr> elements in the DOM.

answered Feb 28, 2012 at 21:12

Jasper

76.1k14 gold badges153 silver badges148 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ahmad Maleki Over a year ago

You are absolutely right about the event handler being in JavaScript. But there are situations where defining the event handler is not in your hand. For example a third party plugin where click event is handled by them. So your first example helped me more. Anyway perfect solution!

fullsailor · Accepted Answer · 2012-02-28 21:13:34Z

13

Simply wrap the pass the DOM object in as the first argument.

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

answered Feb 28, 2012 at 21:13

fullsailor

8966 silver badges17 bronze badges

1 Comment

vapcguy Over a year ago

Simplest. Works for me.

Collectives™ on Stack Overflow

JavaScript DOM object to jQuery object

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related