如果页面上存在另一个DIV，则隐藏一个DIV

Question

我有一个搜索页面上有一个div（#A），当我进行搜索时，我已经在页面上显示了另一个div（#B），但是我不希望这两个div在页面同时。

如何对其进行编码，以便#B存在时，＃A被隐藏？我是否使用jQuery .length属性??

Answer 1

您可以使用jQuery检查div的css状态，即是否为display：none或display：block

var aVisible = $('#divA').css('display');
if (aVisible == 'block') {
//Put your code here to hide DivA
}

Answer 2

您可以使用length：

//if B exist...
if($('#B').length){
   $('#A').hide();
}

活生生的例子：http://jsfiddle.net/4P9Hq/

Answer 3

您可以通过将toggle()作为参数传递给bool元素来:hidden。这与检查元素是否$('#A').toggle($('#B').is(':hidden')); 是否有效相结合。

jsFiddle

length

或使用$('#A').toggle(!$('#B').length);

检查是否存在

jsFiddle

{{1}}