如何检查元素是否已被.hide()隐藏;-jQuery 3.6

Question

我曾尝试检查一个元素是否已用$('Reaction' + val).hide();隐藏，但任何尝试(使用下面的测试集代码(都不完全可用，并且没有给出我需要的结果。

我尝试过不同的支票变体：

if ($('#Reaction' + val).is(':hidden')) {

if ( $('#Reaction' + val).css('display') == 'none' || $(element).css("visibility") == "hidden"){

var isHidden = $('#Reaction' + val).is(':hidden');

还有几个

我正在使用脚本：

在//隐藏表情符号部分，我将通过$('#Reaction' + val).hide();重新定位表情符号，在//Change/Addnenenebc表情符号中，我需要检查表情符号是否已隐藏，并根据隐藏/显示运行不同的代码。

我该怎么做才能让这张支票生效？

我的jQuery：

// Change/Add Emoji
$(document).unbind().on('click', '.messageemoji', function() {
var val = $(this).closest("table").attr("data-val")
var emoji = $(this).data("emoji")
if ($('#Reaction' + val).is(':hidden')) {
alert('Yes, Element is Hidden');
} else {
alert('No, Element is not Hidden');
}

$('#Reaction' + val).show();
changeemojioutsound.play();
changeemojioutsound.currentTime = 0;
$('#Reaction' + val).find("img").addClass("animate__animated animate__zoomOutDown");
setTimeout(function() {
changeemojiinsound.play();
changeemojiinsound.currentTime = 0;
$('#Reaction' + val).find("img").removeClass("animate__animated animate__zoomOutDown");
$('#Reaction' + val).find("img").attr("src", 'img/smileyani/' + emoji);
$('#Reaction' + val).find("img").addClass("animate__animated animate__zoomInUp");
}, 500)
setTimeout(function() {
$('#Reaction' + val).find("img").removeClass("animate__animated animate__zoomInUp");
}, 1500)
});
// Hide Emoji
$(document).on('click', '.removeemojibtn', function() {
var val = $(this).attr('data-val');
console.log(val)
removeemojioutsound.play();
removeemojioutsound.currentTime = 0;
$('#Reaction' + val).find("img").addClass("animate__animated animate__zoomOutRight");
setTimeout(function() {
$('#Reaction' + val).find("img").removeClass("animate__animated animate__zoomOutRight animate__zoomOutDown animate__zoomInUp");
$('#Reaction' + val).hide();
}, 1500)
});

Answer 1

好的，由于某些原因，所有其他检查都不起作用，但我发现如果我使用true/false方法进行检查，它会检测它是否隐藏。。工作脚本是：

var currentEmoji = "#Reaction" + val;
if ( $(currentEmoji).is(":hidden") == true ){
console.log('it is hidden')
} else {
console.log('it is shown')
}