Question

我在html中有多个img具有相同的类名。我可以用任何方式检查具有相同类名的img是否用jquery隐藏。

实施例：我在html中有以下图像代码

<table>
<tr>
  <th></th>
  <th>First Name</th>
  <th>Last Name</th>
  <th>Points</th>
</tr>
<tr>
  <td>Jill</td>
  <td>Smith</td>
  <td>50</td>
  <td>50</td>
</tr>
<tr>
  <td>Jill</td>
  <td>Smith</td>
  <td>50</td>
  <td>50</td>
</tr>
</table>

如何使用jquery查找所有隐藏的图像？

Answer 1

鉴于您的HTML（已更新为在每张图片上包含id属性），这是一个潜在的解决方案。

https://jsfiddle.net/eulloa/36gfwk6k/1/

$(function(){
    console.log(isImgVisible($('#img-1')));
    console.log(isImgVisible($('#img-2')));
    console.log(isImgVisible($('#img-3')));
    console.log(isImgVisible($('#img-4')));
})

function isImgVisible(img) {
    if (img.is(':visible'))
    return true;

  return false;
}

在这里阅读更多内容： check if a element is display:none or block on click. Jquery

Answer 2

要查明是否隐藏了所有图像（或隐藏了哪些图像）：

$(".test").each(function() {
  if( $(this).is(":hidden") ) {
    // Current image is hidden, do something
    break;
  }
}

如果if子句中的代码没有运行，则隐藏所有图像。

Answer 3

试试这个：

＆＃13;

$(document).ready(function(){
 $("#view").click(function(){
 //alert("")
 var isVissable;

isVissable = $("#test_one").is(':hidden')
 console.log( isVissable)
  isVissable = $("#test_two").is(':hidden')
  console.log( isVissable)
   isVissable = $("#test_three").is(':hidden')
   console.log( isVissable)
  isVissable = $("#test_four").is(':hidden')
   console.log( isVissable)


 })


})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src='test1.jpg' id='test_one' class="test" style='display:inline;'>
<img src='test2.jpg' id='test_two'class="test"  style='display:none;'>
<img src='test3.jpg' id='test_three' class="test"  style='display:inline;'>
<img src='test4.jpg' id='test_four' class="test"  style='display:none;'>

<button id="view"> view </button>

＆＃13;

Answer 4

您可以使用以下代码段检查是否隐藏了test类的所有图片

function checkIfAllHidden() {
  var allHidden = true;
  $(".test").each(function(e) {
    allHidden &= $(this).is(":hidden");
  });
  return Boolean(allHidden);
}

检查具有相同类名的img是否用jquery隐藏

4 个答案: