console error when using jquery - Uncaught TypeError: Object #<HTMLElement> has no method

Question

I'm trying to add a class or a css style using the following js but getting a console error

var i = 0;

$(".question")[i].addClass("show");

get the following console log error: Uncaught TypeError: Object # has no method 'addClass'

or / and

$(".question")[i].css("display", "block");

get the following console log error: Uncaught TypeError: Object # has no method 'css'

used info from http://api.jquery.com/get/

EDIT
Still doesn't working if get rid of the variable i, and use numbers 0 or 1

Can you show your markup?

Karl Anderson
– Karl Anderson

2013-07-24 20:18:09 +00:00
Commented Jul 24, 2013 at 20:18 — Karl Anderson
– Karl Anderson, Commented Jul 24, 2013 at 20:18
$(".question").eq(i).addClass("show");

lashab
– lashab

2013-07-24 20:18:27 +00:00
Commented Jul 24, 2013 at 20:18 — lashab
– lashab, Commented Jul 24, 2013 at 20:18

bfavaretto · Accepted Answer · 2013-07-24 20:18:07Z

7

When you access an item from a collection with a subscript like [i], you're actually unwrapping it from the jQuery object, and accessing a raw DOM node, which doesn't have methods like addClass and css.

Use .eq() instead:

var i = 0;
$(".question").eq(i).addClass("show");
$(".question").eq(i).css("display", "block");

answered Jul 24, 2013 at 20:18

bfavaretto

72k18 gold badges118 silver badges162 bronze badges

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

1 Comment

fidev Over a year ago

Thank you very much @bfavaretto - been scratching the head for ages on this one!

Collectives™ on Stack Overflow

console error when using jquery - Uncaught TypeError: Object #<HTMLElement> has no method

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related