如何使用jQuery检查两个元素是否可见？

Question

我该如何检查两个元素是否可见？我尝试了下面的方法，但它并不起作用...为什么呢？

我尝试过这个，但它没用，请问正确的设置方式是什么？

if($("#about")&&("#info").is(":visible")){
//Some action here
}

- user2097217

---

你不能这样缩写链接。如果($("#about").is(":visible") && $("#info").is(":visible")){ ... - JJJ

为什么在 if 条件语句中需要使用 $("#about")？ - El Hocko

另一种可能性：$('#about:visible,#info:visible').length - Rob W

Answer 1

你漏了一件小事

if($("#about").is(":visible")&&$("#info").is(":visible")){
//Some action here
}

- Sri Tirupathi Raju

Answer 2

$("#about") 返回一个对象，如果在 if 语句中被认为是真的。改用以下代码：

if( $("#about").is(":visible") && $("#info").is(":visible") ) {
  //Some action here
}

- hjpotter92

Answer 3

您可以将选择器合并为单个语句：

if($('#about,#info').is(':visible')) {
     // when both are visible
}

- Craig MacGregor

---

这将检查它们中是否至少有一个可见。问题是要检查两者是否都可见。http://jsfiddle.net/eVa8w/ - JJJ