jquery - 如果显示块，从所有具有相同类的 DIV 中选择 DIV

Question

我有一个具有相同类名的以下 div 结构。我只想选择具有 display:block:- 的 DIV

<div class="popup popup-video" id="xyz_id" style="display: block; position: fixed; opacity: 1; z-index: 11000; left: 50%; margin-left: -275px; top: 50%; margin-top: -173px;">
   <h2 class="popup-title">XYZ</h2>    
</div>

 <div class="popup popup-video" id="abc_id">
    <h2 class="popup-title">ABC</h2>
 </div>

 <div class="popup popup-video" id="abc_id">
    <h2 class="popup-title">ABC</h2>
 </div>

<div class="popup popup-video" id="xyze_id" style="display: none; position: fixed; opacity: 1; z-index: 11000; left: 50%; margin-left: -275px; top: 50%; margin-top: -173px;">
    <h2 class="popup-title">XYZE</h2>    
</div>

可以在 JQuery 中使用吗？

谢谢。

Answer 1

$("div.popup-video").filter(function() {
    return $(this).css("display") === "block";
});

要获取此 div 中的第一个 div，请尝试以下操作：

$("div.popup-video").filter(function() {
    return $(this).css("display") === "block";
}).find("div:first");

Answer 2

非常感谢迈克。

这就是我所做的。

$("div.popup-video").filter(function() {
    return $(this).css("display") === "block";
}).each(function () {
   alert($("#"+this.id).find(".jwplayer-video").children().children().attr("id"));
});

最好的祝福。