JSFiddle - React, Tailwind, and code Playground

by Ryan Brackett

HTML

<div>
	Check my classes
</div>

CSS

div {font-family: Arial;}

.e { padding: 30px;}

.f {border: 1px solid red;}

.g {margin: 50px;}

JavaScript

var locBank = ['a','b','c','d'];
var locOptions = ['a','b','c','d','e','f','g'];
var locToRemove = [];


$.each(locBank, function(indexA,valueA) {
    $.each(locOptions, function(indexB, valueB){
        if(valueA == valueB)
        {
            locBank[indexA]=null;
            locOptions[indexB]=null;
            return false; //break out of inner each loop                     
        }
    });
});

$.each(locBank.concat(locOptions),function(idx,val) {
    if(val!=null) locToRemove.push(val);
});

$.each(locToRemove, function( index, value ) {
  $("div").addClass(value)
});

alert(locToRemove)