Question

我刚开始使用jquery，而不是[<li>my name</li>, Google Chrome控制台输出的预期输出：

[li，prevObject：r.fn.init（1）] 0 ：里长度： 1 prevObject ： r.fn.init（1）的原：对象（0）

<html>
<head>

<title>fww</title>

</head>

<body>

<ul>
    <li>my name</li>
</ul>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script>
    var lis = jQuery('ul li');
    console.log(lis);
</script>
</body>

</html>

 <html>
    <head>

    <title>fww</title>

    </head>

    <body>

    <ul>
        <li>my name</li>
    </ul>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

    <script>
        var lis = jQuery('ul li');
        console.log(lis);
    </script>
    </body>

    </html>

Answer 1

这正是应该归还的！你没有做错任何事。当你这样做时，你将'ul li'作为jQuery对象投射：

jQuery('ul li');

您在控制台中看到的是打印出来的jQuery对象 - 包括作为该jQuery对象一部分的所有继承属性和方法。如果要打印出单个属性，则必须使用作为jQuery对象一部分的方法。例如，如果要在该li元素中打印文本，则只需添加

.text()

到对象的末尾。像这样：

jQuery('ul li').text();

或者如果你想知道他们有多少li元素，你可以这样做：

jQuery('ul li').length();

Google Chrome JQuery控制台输出

1 个答案: