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

Answer 1

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');