JSFiddle - React, Tailwind, and code Playground

by KelseyW

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/lodash.js/1.0.0-rc.3/lodash.min.js"></script>
<div id="nodes">
  <a></a>
  <a href="#"></a>
  <a tabindex="1"></a>

  <span tabindex="2"></span>
  <span id="x"></span>
  <span></span>
  
  <button></button>
</div>

CSS

#nodes * {
  display:block;
  padding: .3em;
}

JavaScript

_.each($('#nodes').children(), function (element) {
  var $element = $(element);
  $element.focus();
  $element.text('"' + element.outerHTML + '" did ' +
                ($element.is(':focus') ? '' : 'NOT') + ' take focus');
});