I have a strongly ingrained habit of using
console.log() to pinpoint where an element is on the page. Usually if you had a page like this
<html> <div>hello Drupal.stackxchange.com This is my first question!</div> <div>goodbye</div> <html>
and then you ran a jQuery function like this
your console would spit out this
which works just as good as the element inspector. Hovering your mouse over one of these will make the actual element on the page be highlighted in yellow with a helpful tooltip. It's one of my favorite ways to work with markup, however the jQuery that comes with Drupal makes it impossible by spitting out the following alternative.
which does NOT work with the highlighting feature because it's not the actual element being passed to the console, nor is it very descriptive visually.