如何在Jquery方法中管理具有相同类的元素

嗨我正在使用Jquery方法在单击时突出显示键盘上的键帽。 当您单独单击时，您将获得该键帽上的边框。 地图的所有区域都有“key”类，其他区域有“alpha”和“control”类。

现在我想做的是能够在按钮事件“balpha”的同时单击所有字母数字键。

代码中的问题是，在使用“balpha”按钮后，所有区域都作为一个区域，当按下键盘中的一个键帽时，所有具有“alpha”类的键都会突出显示，而它们应该单独工作。

以下是代码示例：

        $(function() { $('.map').maphilight({ fillColor: '008800' });  $('.key').click(function(e) { e.preventDefault(); var data = $(this).mouseout().data('maphilight') || {}; data.alwaysOn = !data.alwaysOn; $(this).data('maphilight', data).trigger('alwaysOn.maphilight'); });  $('#balpha').click(function(e) { e.preventDefault(); var data = $('.alpha').mouseout().data('maphilight') || {}; data.alwaysOn = !data.alwaysOn; $('.alpha').data('maphilight', data).trigger('alwaysOn.maphilight'); }); });     
 
keys group
 Alphanumeric
 
   

感谢您给我的任何建议！