Error: Object doesn't support property or method 'css'

Question

I have multiple objects with the classname "level1" (this is built on asp.net, the element does not allow setting an ID here)

What I am trying to do is get one of them and assign css properties

$(".level1")[1].css({"background-color":"yellow"});

I get the error

Error: Object doesn't support property or method 'css'

When I do this:

console.log($(".level1")[1].innerHTML);

I get the correct innerHTML, so I know it gets the right element

Tushar · Accepted Answer · 2015-06-10 14:16:48Z

6

Use eq:

$(".level1").eq(1).css({
    "background-color": "yellow"
});

$(".level1")[1] returns the HTML and not the jQuery Object, so you cannot call jQuery method on it. Use eq instead.

eq(1) will get the Second element having class level1(Index starts from 0)

Docs: http://api.jquery.com/eq/

Reduce the set of matched elements to the one at the specified index.

edited Jun 10, 2015 at 14:16

answered Jun 10, 2015 at 14:14

Tushar

87.4k21 gold badges164 silver badges182 bronze badges

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

Comments

bcr · Accepted Answer · 2015-06-10 14:20:46Z

0

$(selector)[1] gets the DOM element. To manipulate it again you need the jQuery object:

$($('.level1')[1]).css('background-color', 'yellow');

Edit - see Tushar's answer using .eq()

edited Jun 10, 2015 at 14:20

answered Jun 10, 2015 at 14:17

bcr

3,82120 silver badges28 bronze badges

2 Comments

Lix Over a year ago

Doesn't make much sense to use $($('.level1')[1]). You already have a jQuery object there is no need to extract the DOM element and then re-convert it to a jQuery object... However your solution would work :)

bcr Over a year ago

@Lix right, Tushar's answer with eq() is the correct way to do this.

Jozef Dúc · Accepted Answer · 2015-06-10 14:28:10Z

0

Make from $(".level1")[1] a jQuery object, because [1] returns HTML DOM element and you need jQuery object for .css() method.

$($(".level1")[1]).css({
    "background-color":"yellow"
});

edited Jun 10, 2015 at 14:28

answered Jun 10, 2015 at 14:16

Jozef Dúc

9632 gold badges18 silver badges29 bronze badges

3 Comments

Lix Over a year ago

Doesn't make much sense to use $($('.level1')[1]). You already have a jQuery object there is no need to extract the DOM element and then re-convert it to a jQuery object... However your solution would work :)

Jozef Dúc Over a year ago

@Lix, yes I know, but the best way is to add class, id to element and keep all styles in CSS files or just add :nth-of-type(2) to CSS

Lix Over a year ago

In most cases you would be correct, however even changing the class attribute for the element would still require the same sort of selector logic (extracting the element at index N).

Collectives™ on Stack Overflow

Error: Object doesn't support property or method 'css'

3 Answers 3

Comments

2 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related