Как получить атрибуты отдельных элементов в массиве jquery

Question

Я получаю массив элементов в jquery с этим $(".drawer-face")

Если я использую $(.drawer-face")[x], я получаю элемент x с .drawer-face, возвращенный мне.

Я хочу иметь возможность проверять атрибуты в элементе x, но я получаю

Uncaught TypeError: $(...)[6].attr is not a function at <anonymous>:1:22, когда я использую, например, $(".drawer-face").[6].attr("title").

Answer 1

$(".drawer-face").eq(x).attr(...)

Используйте метод eq(#), чтобы сохранить элемент в качестве объекта jQuery.

var $drawers = $('.drawer-face');

console.log( $drawers.eq(2).attr('title') );

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<a href="#" class='drawer-face' title="title 1">Title 1</a>
<a href="#" class='drawer-face' title="title 2">Title 2</a>
<a href="#" class='drawer-face' title="title 3">Title 3</a>
<a href="#" class='drawer-face' title="title 4">Title 4</a>
<a href="#" class='drawer-face' title="title 5">Title 5</a>

Answer 2

Вы можете сделать так:

$($(".drawer-face")[6]).attr("title")

$(".drawer-face")[6] дает html dom и jQuery .attr() не будет работать на этом

---

Вы можете использовать JS и jQueryвместе, как

$(".drawer-face")[6].getAttribute("title");