jquery - Jquery 将值存储在 MouseOver 上的 2 个不同图标上

Question

我在同一行有 2 个不同的图标。单击任何图标时，会触发 jquery 事件，但我需要在各自图标的 MouseOver 上存储不同的值。

jQuery代码

$('a.policyBreach').bind('click mouseover', function (e) {
if (event.type === "mouseover") {

// Need to Store differnt values for icons for Thumbs UP, and Thumbs Down respectively. Also, there is link to reference image. 

} else if (event.type === "click") {
blockStatus=1;
$(this).closest('tr').find('input:checkbox').prop('checked', !0);
$('.overLayDiv').addClass('active');
$('.disableBlock').addClass('no-active');
$("#duplicateExpense").css('display','none');
$('#policyViolation').css('display','block');
$('#policyViolation').css('width','100%');
$('#policyViolation #btnRejectPayment-PV').css('display','none');
$('#policyViolation #closeRightSlider').css('display','block');
$('.rightSliderBg2').css('width','50%').addClass('active');
}
});

HTML 代码：

<td class="rowIcons text-right"><a class="dark-grey mouseOverTooltip"><i class="fas fa-eye"></i></a><a href="expense-approver-no-policy-breach.html" class="dark-grey "><i class="fas fa-file-signature"></i></a> <a class="thumbs-up policyBreach" ><i class="fas fa-thumbs-up"></i></a> <a class="thumbs-down policyBreach"><i class="fas fa-thumbs-down"></i></a></td>

参考图片：

标签： jqueryhtml

Answer 1

$('a.policyBreach').bind('click mouseover', function (e) {
if (event.type === "mouseover") {
if($(this).hasClass("thumbs-up")) {
  // handle the value for thumbs-up
} else {
  // handle the value for thumbs-up
}
// Need to Store differnt values for icons for Thumbs UP, and Thumbs Down respectively. 

} else if (event.type === "click") {
blockStatus=1;
$(this).closest('tr').find('input:checkbox').prop('checked', !0);
$('.overLayDiv').addClass('active');
$('.disableBlock').addClass('no-active');
$("#duplicateExpense").css('display','none');
$('#policyViolation').css('display','block');
$('#policyViolation').css('width','100%');
$('#policyViolation #btnRejectPayment-PV').css('display','none');
$('#policyViolation #closeRightSlider').css('display','block');
$('.rightSliderBg2').css('width','50%').addClass('active');
}
});