Can not get DOM element in jQuery

Question

I am trying to get DOM element from jQuery selector array.

var n = $(this).index();
$title = $(".title:not(.small)")[n];

Yet it only returns text and not DOM element as I want it to. I want to get DOM element so i can get the elements position on the page and scroll to it.

$(this) = list element .title = there are few elements on the page with class="title" and "title small".

Thank you

PS: I could not find anything similar on stackoverflow or anywhere on google. It could be that I don't know how to correctly google this "error".

Answer 1

$(".title:not(.small)")[n] will return DOM element not jQuery object. You can use eq() method like following.

var n = $(this).index(),
    $title = $(".title:not(.small)").eq(n);

Answer 2

Using the [n] notation is the same as .get() : it gets the underlying DOM element.

To get a jQuery selection, use eq() :

$title = $(".title:not(.small)").eq(n);