檢查與相同的類名稱img隱藏與jquery

我有多個img在html中具有相同的類名稱。任何方式我可以檢查與相同的類名img是否隱藏與jQuery。檢查與相同的類名稱img隱藏與jquery

例子：我在我如何使用jQuery HTML

<img src='test1.jpg' class='test' style='display:inline;'> 
<img src='test2.jpg' class='test' style='display:none;'> 
<img src='test3.jpg' class='test' style='display:inline;'> 
<img src='test4.jpg' class='test' style='display:none;'>

下面的代碼，來找到所有的隱藏的圖片嗎？

來源

2017-08-09 Jin Yong

鑑於您的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; 
}

來源

2017-08-09 00:26:35 eulloa

要找出是否所有圖像被隱藏（或圖像被隱藏）：

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

如果內if條款代碼不運行，所有圖像都隱藏。

來源

2017-08-09 00:29:07

試試這個：

$(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) 
 

 

 
}) 
 

 

 
})

<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>

來源

2017-08-09 00:33:28 dawit

您可以使用下面的代碼片段，以檢查是否test類的所有圖像被隱藏

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

來源

2017-08-09 00:43:51 StaticBeagle

檢查與相同的類名稱img隱藏與jquery

回答

相關問題