OR 選擇器在 jquery 中無法正常工作

Question

我想在 jquery 中使用 OR 作為選擇器。

我寫這個代碼：

$("#x").css('display') == 'none' || $("#y").css('display') == 'none'

但參考這個答案： https : //stackoverflow.com/a/2263976/1407491

我重寫代碼是這樣的：

$("#x, #y").css('display') == 'none'

此代碼適用於此示例代碼：

<div id="x"></div>
<div id="y"></div>

返回 false 就可以了。

<div id="x" style="display:none"></div>
<div id="y" style="display:none"></div>

返回 true 就可以了。

<div id="x" style="display:none"></div>
<div id="y"></div>

返回 true 就可以了。

但不要處理這個示例：

<div id="x"></div>
<div id="y" style="display:none"></div>

返回 false 但它不行！

示例代碼在這里： http : //jsfiddle.net/NabiKAZ/qpquuhxd/

為什么？ 什么是干凈的代碼？

Answer 1

如果您使用多個選擇器，請分別使用：

 $("#x, #y").each(function(){ if ($(this).css('display') == 'none'){ $("#cont").append($(this).attr("id")+"'s display is none"); } });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="cont"> <div id="x">Visible div</div> <div id="y" style="display:none">test</div> </div>