JSFiddle - React, Tailwind, and code Playground

by piyush saraf

HTML

<div class=" foo ajax-first-name bar">
    <p>&nbsp;</p>
    <p>Click me to get my ID</p>
    <p>&nbsp;</p>
</div>
<div class=" foo ajax-last-name bar">
    <p>&nbsp;</p>
    <p>Click me to get my ID</p>
    <p>&nbsp;</p>
</div>
<div class="foo ajax-email bar">
    <p>&nbsp;</p>
    <p>Click me to get my ID</p>
    <p>&nbsp;</p>
</div>

CSS

div {
    border: 1px solid #333;
    background-color:#ccc;
}

JavaScript

$('div').click(function(e){

    var ajaxName = this.className.match(/(?:^|\s)ajax-(.*?)(?:$|\s)\b/)[1];
    alert('My ajax name is: ' + ajaxName);
});