jquery - Object ... has no method 'css'

Question

Why can't I change the CSS of this element?

  $("div.example ul li").mouseover(function () {
      var ul_teirs = $("div.example ul li").find('ul');
      var second_teir = ul_teirs[0];
      var third_teir = ul_teirs[1];

      second_teir.css({
         ...
      });
  });

error I'm getting:

Uncaught TypeError: Object #<HTMLUListElement> has no method 'css'

nrabinowitz · Accepted Answer · 2011-09-24 16:14:38Z

15

When you use [] to access an item in a jQuery array, you get the DOM element, not a jQuery object, so it doesn't have any jQuery methods.

Try .eq() instead:

var second_tier = ul_tiers.eq(0);
second_tier.css({ ... });

(Note that I changed the spelling of "tier" in the variable name. Sorry, I can't help myself.)

edited Sep 24, 2011 at 16:14

answered Sep 24, 2011 at 5:01

nrabinowitz

55.7k10 gold badges152 silver badges169 bronze badges

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

1 Comment

nrabinowitz Over a year ago

Whoops, noticed that I was incorrect here - @Dogbert had the right answer. Since this was already selected as correct, I'm updating my answer to fix it.

Dogbert · Accepted Answer · 2011-09-24 05:01:30Z

3

Try

  var second_teir = ul_teirs.eq(0);
  var third_teir = ul_teirs.eq(1);

answered Sep 24, 2011 at 5:01

Dogbert

224k43 gold badges419 silver badges416 bronze badges

Collectives™ on Stack Overflow

jquery - Object ... has no method 'css'

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related