如何获取jQuery数组中单个元素的属性

Question

我正在使用$(".drawer-face")

在jquery中获取元素数组

如果我使用$(.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");