Chrome开发工具将jQuery对象的打印数组显示到屏幕上

Question

我已经在下面的示例代码与小提琴这里 JS

   $(document).ready(function () {
                var bKids = $('.contained').find('button');
                var pKids = $('.contained').find('p');
                console.log('this is from bKids: ' + bKids.length)
                console.log('this is from pkids: ' + pKids.length);
                console.log(bKids);
                console.log(pKids);
            });

HTML

<div class="container">
        <div class="contained">
        <p>first child p tag</p>
        <p>second child p tag</p>
        <p>third child p tag</p>
        </div></div>

当我打开Chrome开发工具（并假设使用其他开发工具，例如Firebug）时，如果检查bKids对象，我会发现没有选择器，并且对象中的第一个属性是prevObject。 在pKids对象中，我们在div内有一个p标签数组，在prevObject属性之前有三个p。 这正是jQuery对象的哪一部分，如果我想通过属性名称（即上下文，选择器等）来引用它，我该怎么做？

Answer 1

属性你看/对，我推测，是包含你正在寻找与jQuery对象选择的元素编号的性能 -在任何button的元素bKids任何p中的元素pKids 。

可以通过对象的.get()方法访问jQuery对象的当前元素：

pKids.get()

将返回一个HTMLElement对象数组（您的p元素）。 您可以使用pKids.get(n)通过数组索引仅检索这些元素之一。 您还可以通过其索引以pKids[n]访问单个HTMLElement 。