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找到未隐藏的内容？这样的事情？

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

您可以查看以下内容，例如：如何检查图像是否被隐藏。

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

Answer 4

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

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

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

console.log(visible);

<强> JSBin Demo

Answer 5

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

找到哪个图像没有隐藏

5 个答案: