jquery - 查找未隐藏的图像

Question

基本上，我有两个图像，都根据它们是否隐藏（动态）来保存我需要的数据

这是我的两张图片：

<img src="images/active-arrow.jpg" alt="active" class="activeimg" id="selectedFacebook" />
<img src="images/active-arrow.jpg" alt="active" class="activeimg" id="selectedTwitter" />

动态地，通过 jQuery 调用，其中之一通过执行以下操作在页面加载时隐藏

$('#selectedFacebook').hide();

如何使用 jQuery 找到未隐藏的 on？像这样的东西？

if(!$('#selectedFacebook').hide()) {
   //facebook is shown
} else if(!$('#selectedTwitter').hide()) {
   //twitter is shown
}

这显然不是正确的语法，但我该怎么做呢？

Answer 1

你要这个：

$('#selectedFacebook').is(":visible");

true如果可见则返回。

Answer 2

使用:hidden选择器：

if(!$('#selectedFacebook').is(':hidden')) {
   //facebook is shown
}

if(!$('#selectedTwitter').is(':hidden')) {
   //twitter is shown
}

Answer 3

如果需要获取id可见元素：

$('#selectedFacebook').hide();

var visible = $('.activeimg:visible').map(function() {
  return this.id;
}).get().join();

console.log(visible);

JSBin 演示

Answer 4

您可以通过以下方式进行检查，例如如何检查图像是否隐藏。

if($('#selectedFacebook').is(":hidden")) {
   console.log('yes')
} else {
  console.log('no')
}

Answer 5

 if($("#selectedFacebook").css("visiblity")=="hidden")){
         //facebook is shown
      }
   else if($("##selectedTwitter").css("visiblity")=="hidden")){
         //twitter is shown
   }