javascript - 为什么 Chrome 控制台显示地图类型的结构？

Question

假设我的 html 是：

<div class="newEntry">
    <h1 class="entry"><img src=""></h1>
     <p>Josh : 2006</p>
</div>

当我写的时候只是为了调试目的

$("#newEntry").find("h1").find("img");

它显示如下：

[prevObject: r.fn.init(0)]

虽然我想将输出视为 html 项目，例如

 <h1 class="entry"><img src=""></h1>

来自控制台的语句

document.getElementsByClassName("newEntry");
[]
$("newEntry>h1")
[prevObject: r.fn.init(1)]
$("#newEntry").find("h1").find("img");
[prevObject: r.fn.init(0)]
$("#newEntry").find("h1");
[prevObject: r.fn.init]length: 0prevObject: r.fn.init {}__proto__: Object(0)
$("#newEntry").find("h1").find("img");
[prevObject: r.fn.init(0)]
$("#newEntry").find("h1").find("img").html();
undefined
$("#newEntry").find("h1").html();
undefined
$("#newEntry").html();
undefined

Answer 1

您已经使用#newEntrywhich 用于在 jquery 中按 ID 获取元素。但是在你的<div>你还没有定义一个ID。因此，您需要使用类选择器。

您需要使用.html() 来获取确切的内容。

$(".newEntry").find("h1").html();

Answer 2

[prevObject: r.fn.init(0)]未找到您要查找的元素。因为您在课堂上使用“#”符号。你应该做 ：

<div class="newEntry">
    <h1 class="entry"><img src=""></h1>
     <p>Josh : 2006</p>
</div>

和

$(".newEntry:first").find("h1").find("img");

或者

<div id="newEntry">
    <h1 class="entry"><img src=""></h1>
     <p>Josh : 2006</p>
</div>

和

$("#newEntry").find("h1").find("img");