Javascript 为什么Chrome显示地图的控制台是一种结构?

Javascript 为什么Chrome显示地图的控制台是一种结构?,javascript,jquery,html,google-chrome-console,Javascript,Jquery,Html,Google Chrome Console,假设我的html是: <div class="newEntry"> <h1 class="entry"><img src=""></h1> <p>Josh : 2006</p> </div> 它显示了如下内容: [prevObject: r.fn.init(0)] 而我希望看到输出为html项,比如 <h1 class="entry"><img src=""><

假设我的html是:

<div class="newEntry">
    <h1 class="entry"><img src=""></h1>
     <p>Josh : 2006</p>
</div>
它显示了如下内容:

[prevObject: r.fn.init(0)]
而我希望看到输出为html项,比如

 <h1 class="entry"><img src=""></h1>
您已经使用了
#newEntry
,它用于在jquery中按ID获取元素。但是在
中,您没有定义ID。因此,您需要使用类选择器

您需要使用
.html()

您已经使用了
#newEntry
,它用于在jquery中按ID获取元素。但是在
中,您没有定义ID。因此,您需要使用类选择器

您需要使用
.html()


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

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

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

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

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

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

你到底在记录什么?请包括您的
console.log
语句。
$(“.newEntry”).find(“h1”).find(“img”).parent()[0]。outerHTML
如果您想显示所查找内容的HTML,您需要索取HTML。默认情况下,该函数返回一个对象。您具体记录了什么?请包括您的
console.log
语句。
$(“.newEntry”).find(“h1”).find(“img”).parent()[0]。outerHTML
如果您想显示所查找内容的HTML,您需要索取HTML。默认情况下,函数返回一个对象。不,它不工作$(“#newEntry”).html()本身显示未定义!!!!!Use.newEntry,#用于ID'sNo其非工作$(“#newEntry”).html()本身显示未定义!!!!!Use.newEntry,#用于ID的$(“.newEntry”)再次显示了类似于地图的结构!!!我需要在chrome控制台中进行任何设置更改吗!![prevObject:r.fn.init(1)]看看这个,我使用attr来显示我可以得到图像。不,您不需要更改chrome comsole的任何设置,就可以获得良好的结果
[prevObject:r.fn.init(1)]
,注意
(1)
,它找到了正确的对象吗?试试Jaromanda在问题评论中的建议
$(“.newEntry”).find(“h1”).find(“img”).parent()[0]。outerHTML
获取元素然后获取其父元素以最终获取第一个子元素有什么意义?您不能简单地执行以下操作:
$(“.newEntry”).find(“h1”)[0]。outerHTML
一些带有图像的标题
区别在于您的代码返回两个
标记,Jaromanda最初建议的标记只返回带有图像的标记。虽然
find()
可以简化为:
.find('h1>img')
$(“.newEntry”)再次显示了地图类型的结构!!!我需要在chrome控制台中进行任何设置更改吗!![prevObject:r.fn.init(1)]看看这个,我使用attr来显示我可以得到图像。不,您不需要更改chrome comsole的任何设置,就可以获得良好的结果
[prevObject:r.fn.init(1)]
,注意
(1)
,它找到了正确的对象吗?试试Jaromanda在问题评论中的建议
$(“.newEntry”).find(“h1”).find(“img”).parent()[0]。outerHTML
获取元素然后获取其父元素以最终获取第一个子元素有什么意义?您不能简单地执行以下操作:
$(“.newEntry”).find(“h1”)[0]。outerHTML
一些带有图像的标题
区别在于您的代码返回两个
标记,Jaromanda最初建议的标记只返回带有图像的标记。虽然
find()
可以简化为:
.find('h1>img')
$(".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");