JSFiddle - React, Tailwind, and code Playground

by Luke Marlow

HTML

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<ul class="arrow">
  <li>Test 1</li>
  <li data-dir="up">Test 2</li>
  <li>Test 3</li>
  <li>Test 4</li>
  <li>Test 5</li>
</ul>

<ul class="arrow">
  <li>Test 1</li>
  <li data-dir="up">Test 2</li>
  <li>Test 3</li>
  <li>Test 4</li>
  <li>Test 5</li>
</ul>

JavaScript

(function($) {
  $.fn.arrow = function() {
    return this.each(function() {
      $(this).find('li').each(function() {
        $(this).css({
          'color': 'red'
        });
      });
    });
  };
})(jQuery)

$('.arrow').arrow();