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 。