jquery检查属性元素值

Question

<li style="padding-bottom: 0px; display: none;">
<span> Content </span>
</li>

我想检查一下 display == none

我用下面的脚本得到了解决方案.

if($(this).closest('li').attr('style') =='padding-bottom: 0px; display: none;'){
    // script
}

任何其他简单的写作方式.谢谢

Answer 1

你遇到的问题是你在这里混合使用jQuery和vanilla JS方法.attr().display.您还尝试将整个style字符串与(如果有效)一个CSS规则进行比较.

实现这一目标的更好方法是使用jQuery的is()方法以及:visible选择器.试试这个:

if ($(this).closest('li').is(':visible')) {
  // script
}