JSFiddle - React, Tailwind, and code Playground

HTML

<div id="specialty_pm_0">hover me 0</div>
<div id="specialty_pm_1">hover me 1</div>

CSS

#specialty_pm_0 {background: #900;}
#specialty_pm_1 {background: #090;}
div {width: 100px;margin: 20px}

JavaScript

var pm = 2; 
    for (var i = 0; i < pm; i++) {
         $("#specialty_pm_"+i).mouseenter(function(instance){
            return function() {  alert(instance); };
        }(i));
    };