控制台日志时出现“ w.fn.init [prevObject：w.fn.init（1）]”

Question

我最近遇到了一个从未见过的javascript问题。

我会简短地说。

我正在尝试将所有带有“小拇指”类的图像放入一个数组中：

var images = $（'。small-thumbs'）;

但是当我console.log（images）我得到这个-> w.fn.init [prevObject：w.fn.init（1）]

我试图解决这个问题，但是找不到任何可以解决我问题的方法，因此，如果有人能解释这是什么以及如何克服它，将不胜感激。

<?php 
    include_once 'includes/header.php';
 ?>

        <div class="col-10 product-page-container">
            <div class="more-images">
                <li id="1" class="all"><img src="assets/1.jpg" class="small-thumbs"></li>
                <li id="2" class="all"><img src="assets/2.jpg" class="small-thumbs"></li>
                <li id="3" class="all"><img src="assets/3.jpg" class="small-thumbs"></li>
                <li id="4" class="all"><img src="assets/4.jpg" class="small-thumbs"></li>
            </div>

            <div class="row">
              <div class="col-8">
                <img src="assets/image-name.jpg" id="main-product-image">

                <a class="prev">&#10094;</a>
                <a class="next">&#10095;</a>

              </div>
              <div class="col-4">
                <h2 id="product-title">Adidas NMD_R1 Shoes</h2>
                <p id="product-price">£109.99</p>
                <p id="product-color">Color
                    <li class="color"></li>
                    <li class="color"></li>
                    <li class="color"></li>
                </p>
                <p id="product-size">Size and Quantity</p>
                <div class="size">
                    <select id="size" class="custom-select">
                        <option selected>Select Size</option>
                        <option value="6.5">6.5</option>
                        <option value="7">7</option>
                        <option value="7.5">7.5</option>
                        <option value="8">8</option>
                        <option value="8.5">8.5</option>
                        <option value="9">9</option>
                        <option value="9.5">9.5</option>
                        <option value="10">10</option>
                    </select>
                </div>
                <div class="qty">
                    <select id="qty" class="custom-select">
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                        <option value="5">5</option>
                        <option value="6">6</option>
                        <option value="7">7</option>
                        <option value="8">8</option>
                        <option value="9">9</option>
                        <option value="10">10</option>
                    </select>
                </div>

                <div class="clear"></div>
                <button class="btn btn-success add-to-bag-btn">Add to bag</button>
              </div>
            </div>

<?php 
    include_once 'includes/footer.php';
 ?>

Answer 1

$(".small-thumbs")是jQuery集合，而不是数组。您可以将其作为类似于数组的对象进行访问，但并非所有事物都将其视为数组。console.log显示对象本身。

您可以.get()用来返回包含集合中元素的真实数组。

console.log($(".small-thumbs").get());