如何查看Chrome调试器中选择的jQuery对象?

时间:2017-03-16 15:31:18

标签: jquery google-chrome-devtools

我有这段代码:

var $currentImage = $("#hero div:first");
// code which changes $currentImage

这个HTML

    <div id="hero">
        <div class="current"><img src="img/1.jpg"></div>
        <div><img src="img/2.jpg"></div>
        <div><img src="img/3.jpg"></div>
        <div><img src="img/4.jpg"></div>
        <div><img src="img/5.jpg"></div>
        <div><img src="img/6.jpg"></div>
        <div><img src="img/7.jpg"></div>
    </div>

当我向$currentImage添加Watch时,我想看看它有img src。 在Chrome调试器中,我只看到很多函数,没有id,内部html或其他东西。即使在__proto__中也只有函数。

如何查看真正选择的对象?

另外,$currentImage旁边的原因是jQuery.fin.init[1] 它使$currentImage似乎是一个函数?

0 个答案:

没有答案