JSFiddle - React, Tailwind, and code Playground

by Emmanuel Garcia

HTML

<div class="list" id="membership">
  <ul>
    <li>Membership / <i>Membresía</i></li>
    <li>Weekly / <i>Semana</i></li>
    <li>Fri - Sat / <i>Vier - Sáb</i></li>
    <li>Sun - Thurs / <i>Dom - Jue</i></li>
    <li>Weeks / <i>Semanas</i></li>
    </ul>
  <ul class="membershipcolor">
    <li data-label="Membership / Membresía" class="color-bronze">BRONZE / <i>BRONCE</i></li>
    <li data-label="Weekly / Semana">20,000</li>
    <li data-label="Fri - Sat / Vier - Sáb">4,000</li>
    <li data-label="Sun - Thurs / Dom - Jue">2,400</li>
    <li data-label="Weeks / Semanas" id= 'bronze' class="weeks"99></li>
    </ul>
  <ul class="membership-color">
    <li data-label="Membership / Membresía" class="color-silver">SILVER / <i>PLATA</i></li>
    <li data-label="Weekly / Semana">30,000</li>
    <li data-label="Fri - Sat / Vier - Sáb">6,000</li>
    <li data-label="Sun - Thurs / Dom - Jue">3,600</li>
    <li data-label="Weeks / Semanas" id= 'silver' class="weeks"></li>
    </ul>
  <ul class="membership-color">
    <li data-label="Membership / Membresía" class="color-gold">GOLD / <i>ORO</i></li>
    <li data-label="Weekly / Semana">50,000</li>
    <li data-label="Fri - Sat / Vier - Sáb">10,000</li>
    <li data-label="Sun - Thurs / Dom - Jue">6,000</li>
    <li data-label="Weeks / Semanas" id= 'gold' class="weeks"></li>
  </ul>
  <ul class="membership-color">
    <li data-label="Membership / Membresía" class="color-platinum">PLATINUM / <i>PLATINO</i></li>
    <li data-label="Weekly / Semana">80,000</li>
    <li data-label="Fri - Sat / Vier - Sáb">16,000</li>
    <li data-label="Sun - Thurs / Dom - Jue">9,600</li>
    <li data-label="Weeks / Semanas" id= 'platinum' class="weeks"></li>
  </ul>
  <ul class="membership-color">
    <li data-label="Membership / Membresía" class="color-sapphire">SAPPHIRE / <i>ZAFIRO</i></li>
   <li data-label="Weekly / Semana">130,000</li>
    <li data-label="Fri - Sat / Vier - Sáb">26,000</li>
    <li data-label="Sun - Thurs / Dom -...

JavaScript

$(‘.membershipcolor’).each(function() {
if (jQuery.trim ($(this).text()) == “”) $(this).css(‘border’,’solid 1px red’);
});

Reply