JSFiddle - React, Tailwind, and code Playground

by dmethvin

HTML

<div id="te~st" class="t1"></div>
<div id="te`st" class="t1"></div>
<div id="te!st" class="t1"></div>
<div id="te@st" class="t1"></div>
<div id="te$st" class="t1"></div>
<div id="te%st" class="t1"></div>
<div id="te^st" class="t1"></div>
<div id="te&st" class="t1"></div>
<div id="te(st" class="t1"></div>
<div id="te)st" class="t1"></div>
<div id="te_st" class="t1"></div>
<div id="te-st" class="t1"></div>
<div id="te=st" class="t1"></div>
<div id="te+st" class="t1"></div>
<div id="te{st" class="t1"></div>
<div id="te}st" class="t1"></div>
<div id="te[st" class="t1"></div>
<div id="te]st" class="t1"></div>
<div id="te\st" class="t1"></div>
<div id="te|st" class="t1"></div>
<div id="te;st" class="t1"></div>
<div id="te:st" class="t1"></div>
<div id="te'st" class="t1"></div>
<div id="te/st" class="t1"></div>
<div id="te?st" class="t1"></div>
<div id="te.st" class="t1"></div>
<div id="te>st" class="t1"></div>
<div id="te,st" class="t1"></div>

<div id="te~" class="t2"></div>
<div id="te`" class="t2"></div>
<div id="te!" class="t2"></div>
<div id="te@" class="t2"></div>
<div id="te$" class="t2"></div>
<div id="te%" class="t2"></div>
<div id="te^" class="t2"></div>
<div id="te&" class="t2"></div>
<div id="te(" class="t2"></div>
<div id="te)" class="t2"></div>
<div id="te_" class="t2"></div>
<div id="te-" class="t2"></div>
<div id="te=" class="t2"></div>
<div id="te+" class="t2"></div>
<div id="te{" class="t2"></div>
<div id="te}" class="t2"></div>
<div id="te[" class="t2"></div>
<div id="te]" class="t2"></div>
<div id="te\" class="t2"></div>
<div id="te|" class="t2"></div>
<div id="te;" class="t2"></div>
<div id="te:" class="t2"></div>
<div id="te'" class="t2"></div>
<div id="te/" class="t2"></div>
<div id="te?" class="t2"></div>
<div id="te." class="t2"></div>
<div id="te>" class="t2"></div>
<div id="te," class="t2"></div>

<div id="~st" class="t3"></div>
<div id="`st" class="t3"></div>
<div id="!st" class="t3"></div>
<div id="@st" class="t3"></div>
<div id="$st"...

JavaScript

$("div.t1").each(function() {
        if ($(this).is(this.id.replace(/te(.*)st/g,"#te\\$1st"))) {
            $(this).html(this.id+" pass!");
        } else {
            $(this).html(this.id)
        }
    });
    $("div.t2").each(function() {
        try {
            if ($(this).is(this.id.replace(/te(.*)/g,"#te\\$1"))) {
                $(this).html(this.id+" pass!");
            } else {
                $(this).html(this.id)
            }
        }
        catch (e) {
            $(this).html(this.id)
        }
    });
    $("div.t3").each(function() {
        try {
            if ($(this).is(this.id.replace(/(.*)st/g,"#\\$1st"))) {
                $(this).html(this.id+" pass!");
            } else {
                $(this).html(this.id)
            }
        }
        catch (e) {
            $(this).html(this.id)
       }
    });