如果存在其他类，则隐藏类

Question

我有两个div类

<div class="foo"> </div>
<div class="fooz"> </div>

如果“fooz”不存在，我想隐藏“foo”。实际上“foo”是一个条件类，当“fooz”存在，否则需要隐藏。

我发现此代码浏览stackflow问题

if($('.fooz').length)
$('#foo').show();

但它不起作用！

任何帮助如何做到这一点？

谢谢

Answer 1

你的错误是使用id而不是class：

if($('.fooz').length)
$('.foo').show();

Answer 2

应该是：

$('.foo').show();

因为它不是ID

的类

Answer 3

foo是课堂使用class selector，我认为你可以在这里使用toggle()设置显示

$('.foo').toggle($('.fooz').length > 0);

演示：With fooz，without

Answer 4

它应该是$(".foo").show()，而不是$("#foo").show()，因为foo是一个类，而不是一个id

Answer 5

在你的cass中，foo不是id，但它是一个类。所以你应该使用：

if($('.fooz').length)
    $('.foo').show();

Answer 6

// if there is at-least 1 element with .fooz class
//   Show .foo
// else
//   hide .foo
var tog = $('.fooz').length ? 'show' : 'hide';

$('.foo')[tog]();