Question

我有几个要素：

<span class="item">01</span>
<span class="item">02</span>
<span class="item">03</span>

我正在制作一组数组：

let items = $(".item");

返回对象

的数组

然而，当我尝试像这样访问其中一个时：

console.log(items[1]);

我不再获取对象，而是对象的html输出：

<span class="item">02</span>

为什么会发生这种情况？
如何在访问特定索引时获取对象阵列？

Answer 1

您可以使用$(items[1])或$(".item:eq(1)")或items.eq(1)。

Answer 2

嗨，这里有很多方法可以获得输出的几个例子

＆＃13;

$(function(){
    console.log($('.item:nth-child(2)').text());
    console.log($('.item').eq(1).text());
  })

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
    <span class="item">01</span>
      <span class="item">02</span>
      <span class="item">03</span>
</div>

＆＃13;

Answer 3

你的方法很好。写入console时，始终会对数据进行隐式.toString()调用，因此您看到打印到控制台的数据是什么，或者更确切地说是这样的。 ; t始终真实地代表您正在使用的内容：

＆＃13;

let items = $(".item");
console.log(items[1].nodeType); // 1 = element node
console.log(items[1].nodeName); // SPAN
console.log(typeof items[1]);   // object

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="item">01</span>
  <span class="item">02</span>
  <span class="item">03</span>

＆＃13;

通过特定索引访问对象数组

3 个答案: