захватный элементов превращает их в строки

Question

Так это работает:

var ship = $(".ship"); 
console.log(ship.offset()); 

Это не работает:

var ships = $(".ships"); 
console.log(ships[0].offset()); 

Когда я console.log(ships[0]), я получаю DIV в виде строки, а не объект. Что мне не хватает?

Answer 1

Когда вы делаете ships[0], он возвращает фактический элемент DOM из объекта jQuery ships. Вы не можете использовать методы JQuery на самом DOM элемент

Если вы хотите первый элемент в качестве объекта использования JQuery eq(index) или first()

console.log(ships.eq(0).offset()); 
/* or */ 
console.log(ships.first().offset());