JSFiddle - React, Tailwind, and code Playground

HTML

<div class="specialty_pm" data-id="0">hover me 0</div>
<div class="specialty_pm" data-id="1">hover me 1</div>

CSS

.specialty_pm[data-id='0'] {background: #900;}
.specialty_pm[data-id='1'] {background: #090;}
div {width: 100px;margin: 20px}

JavaScript

$(document.body).on('mouseenter','.specialty_pm',function(){
            alert($(this).data('id'));
        });