Use JQuery-functions on a DOM-element

Question

I do believe this is a very stupid question and there's a very simple answer for it, but I didn't found a solution:

I have the following JavaScript function:

function setStatus(order, operation, status, elem){
    elem.parent().$(".active").removeClass("active");
    elem.addClass("active");
}

Elem is Image-element in my HTML which I'm sure is the right one by checking it's type with alert(elem);

The error I get is exactly what I expected:

Object #< HTMLImageElement> has no method 'parent'

I already know this is because elem is a DOM-element and not an JQuery-element which means that it's not possible to use functions like parent() and addClass(). How can I use all JQuery-function on my elem? Is there a way to convert a DOM-element to a JQuery-element? I found this question on the internet many times with this that should have been $(this), but $(elem) doesn't seem to work.

$(elem).siblings().removeClass("active").end().addClass("active");...? — Anujith
– Anujith, Commented Apr 22, 2013 at 7:58
$(".active", $(elem).parent()).removeClass("active"); $(elem).addClass("active"); alert() isn't the best way to log/debug code. Use instead console.log($(elem)); — Claudio Bredfeldt
– Claudio Bredfeldt, Commented Apr 22, 2013 at 8:01

Arun P Johny · Accepted Answer · 2013-04-22 08:15:55Z

2

Try

function setStatus(order, operation, status, elem){
    elem.parent().find(".active").removeClass("active");
    elem.addClass("active");
}

answered Apr 22, 2013 at 8:15

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

Comments

muneebShabbir · Accepted Answer · 2013-04-22 07:55:05Z

2

try this

$(elem).parent().removeClass("active");
 $(elem).addClass("active");

remove $(".active"). i think this is also culprit.

answered Apr 22, 2013 at 7:55

muneebShabbir

2,5384 gold badges30 silver badges49 bronze badges

4 Comments

Jovano Over a year ago

that does the trick! But how must I remove al "actives" from the elements with classname active now?

muneebShabbir Over a year ago

$(".active").removeClass("active"); add this line at the start of code. ghope it will work

Jovano Over a year ago

well, that's not quite the same as I wanted to do, the function has to remove all "actives" from the elements with classname active in the parent of elem. Your code will remove "active" the parent, not for the elements WITHIN parent

muneebShabbir Over a year ago

i was on lunch... i am glad you find your answer :)

webnoob · Accepted Answer · 2013-04-22 08:01:40Z

1

.parent() is a jquery function so in order to use it, you must "jqueryify" the element you are working with, so:

$(elem)

also, the spurious $('.active') would cause issues so the solution should be:

$(elem).parent().removeClass("active");

However, without seeing some HTML to go along with the JS, I can't be 100% sure.

answered Apr 22, 2013 at 8:01

webnoob

16k13 gold badges87 silver badges169 bronze badges

Comments

Jai · Accepted Answer · 2013-04-22 08:04:30Z

0

You have some syntax errors in your script and you can use this .addback() to chain it.

elem.parent(".active").removeClass("active").addBack().addClass("active");

answered Apr 22, 2013 at 8:04

Jai

74.8k12 gold badges77 silver badges104 bronze badges

Collectives™ on Stack Overflow

Use JQuery-functions on a DOM-element

4 Answers 4

Comments

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related