addClass to element inside an array

Question

can you help me understand why this is not working?

var elementTab1 = $('#tab1 .item-media.modificato');
elementTab1[0].addClass('selezionato');

this through this error

TypeError: undefined is not a function (evaluating 'elementTab1[0].addClass('selezionato')')

Thanks

Yes, just a typo error writing the question, edited, thanks:) — elledienne
– elledienne, Commented Dec 23, 2014 at 22:08

Travis J · Accepted Answer · 2014-12-23 22:36:09Z

7

elementTab1 is already a jQuery object. It contains an array of matched elements in the DOM. Accessing the first index using [0] will return a native element with access to the native JavaScript API (and not jQuery's).

jQuery does provide a nice way to grab items from the array though. It is .eq().

elementTab1.eq(0).addClass('selezionato');

answered Dec 23, 2014 at 22:36

Travis J

82.6k43 gold badges213 silver badges280 bronze badges

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

Comments

Judah Gabriel Himango · Accepted Answer · 2014-12-23 22:12:56Z

6

Accessing an element of a JQuery object (via your elementTab1[0]) call returns the DOM element, not a JQuery element.

DOM elements do not have an .addClass method.

The following code should work for you:

$(elementTab1[0]).addClass(".selezionato");

Alternately, just skip JQuery and use the native DOM APIs:

document
   .querySelector("#tab1 .item-media.modificato")
   .classList
   .add(".selezionato");

edited Dec 23, 2014 at 22:12

answered Dec 23, 2014 at 22:05

Judah Gabriel Himango

60.2k39 gold badges162 silver badges217 bronze badges

2 Comments

elledienne Over a year ago

Is it possible to store inside the array the jquery element?

Judah Gabriel Himango Over a year ago

No, JQuery stores the DOM elements in the array-like object it returns to you. Truth be told, you don't really need JQuery for any of this. Just use the native HTML DOM APIs: document.querySelector("#tab1 .item-media.modificato").classList.add(".selezionato")

Collectives™ on Stack Overflow

addClass to element inside an array

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related