Chrome Devtools: Elements - Console Integration

Share this video with your friends

Send Tweet

The Element Inspector in Chrome DevTools offers powerful integration with the console - learn how to programmatically navigate your selected element, how to search through the history and use CSS selectors to control what you're looking at and how to quickly and easily listen for events as you debug your application.

Rajitha
Rajitha
~ 8 years ago

In latest Chrome, $('span') selects all the elements , not just the first one

Daniel Otto
Daniel Otto
~ 8 years ago

that appears to only happen on the egghead page, when I go to a different webpage, it works as depicted in the video.

Christopher Ueda
Christopher Ueda
~ 6 years ago

$('span') doesn't work anymore. Chrome says Uncaught TypeError: $ is not a function at <anonymous>:1:1

Christopher Ueda
Christopher Ueda
~ 6 years ago

Guess $('span') may or may not work depending on the website.

~ 3 years ago

$('span') is working perfectly now. The only difference being that in the video, only the first span tag is returned, whereas, now all the span elements are logged on the screen. No, two dollar signs are required.