检查元素是否具有特定的css属性(display = none)

时间:2016-05-08 18:07:04

标签: jquery

请帮助我检查元素是否具有特定的css属性(display == none),我试着解决以下旧问题(questions/2685724& questions/11306736),但无济于事。

我无法使用hasclass作为媒体查询添加属性。

Fiddle here

TEST 1

$("a#navicon").click(function () { 
 var obj = $(this).siblings("ul").attr("id");
alert (obj);

if ($('ul#'+obj).prop("style")["display"] !== 'none') {

alert ("Element is visible");

} else {

alert ("Not!");

}
});

TEST 2

$("a#navicon").click(function () { 
 var obj = $(this).siblings("ul").attr("id");
alert (obj);

  if($('ul#'+obj).has(css('display','none')){
       alert("Display of the element is none!")
    } 

    else {
       alert("Element is visible!")
        }


  if(obj.attr('style').indexOf('display') !== none) {
 alert("Element is visible!")
}

    });

TEST 3

$("a#navicon").click(function () { 
 var obj = $(this).siblings("ul").attr("id");
alert (obj);

  if(obj.attr('style').indexOf('display') !== none) {
 alert("Element is visible!")
    } 

 else {

alert ("Element is not visible!");  

      }

    });

TEST 4

$("a#navicon").click(function () { 
 var obj = $(this).siblings("ul").attr("id");

 var bglength = ('ul#'+obj).css('display');

alert   (obj);


});

1 个答案:

答案 0 :(得分:1)

您可以使用MySQL,如下所示。

.is(':visible')
$("a#navicon").click(function() {
  var obj = $(this).siblings("ul");

  if (obj.is(':visible')) {
    alert("Element is visible");
  } else {
    alert("Not!");
  }
});
#topbar {
  display: none;
}