javascript - 如何选择具有特定CSS属性的div

Question

//style
.TemplateBox1{display:none;} 

//Html
<div class="TemplateBox1" id="9">  1 </div>
<div class="TemplateBox1" id="10"> 2 </div>
<div class="TemplateBox1" id="11"> 3 </div>

//jQuery
$('div', this).each(function (e) { //Do something  });

这是我的代码的一部分，在开始时，div 显示(CSS 属性)为无(未显示)，并且在用户单击某个按钮后，div 的属性更改为阻止(显示)。我只需要使用 jQuery 选择其属性为 display:block 的 div，我尝试过:

$('div', this).**css("display")=="block"**.each(function (e) { //Do something  }); - didn't work..

我需要添加什么到我的 jQuery...

Answer 1

尝试使用:visible选择器，

$('div:visible')

看来您正在使用 TemplateBox1 类来隐藏这些元素，因此您也可以用这种方式编写，即使用 :not()选择器

$('div:not(.TemplateBox1)')