CSS pseudo-selector to select the current element within querySelector?

Question

What\'s the CSS pseudo-selector to select an element\'s self?

For example, this does not work:

Array.prototype.map.call(document.querySelectorAll(\'.         


        

Answer 1

In some of the latest browsers (Chrome, Firefox 32+, Opera 15+, and Safari 7.0+) you can use the :scope selector in calls to querySelector and querySelectorAll:

let result = [...document.querySelectorAll('.program_record_outer')].map(
  programBox => programBox.querySelector(':scope > div')
)

console.log(result)

<div class="program_record_outer">
  <div>1</div>
</div>
<div class="program_record_outer">
  <div>2</div>
</div>
<div class="program_record_outer">
  <div>3</div>
</div>