Question

当用户点击div.togglethis时，我需要做两件事：

将“活动”类添加到div.togglethis
将“show”类添加到外部元素div.showthis

当用户第二次点击div.togglet这时，它会从这两个元素中删除这两个类。

我对javascript有点新，所以欢迎任何帮助。

HTML：

<div class="togglethis">Click me to add "active"</div>
<div class="showthis">When togglethis is "active", I am "showthis"</div>

Answer 1

您无法完全删除togglethis，否则下次点击将无效。另外，我不是出于同样的原因删除了第二个div上的类，而是我正在调用show / hide，因为我认为这是你打算做的。

<div class="toggle togglethis">Click me to add "active"</div>

$('div.toggle').click(function(){
  if($(this).hasClass('togglethis')) {
      $(this).removeClass('togglethis').addClass('active');
      $('div.showthis').hide();
  }
  else {
      $(this).removeClass(active).addClass('togglethis');
      $('div.showthis').show();

  }
});

Answer 2

您应该查看jQuery的addClass，removeClass，toggleClass和hasClass方法（API参考here，here，{{ 3}}和here）。

您可以在div.togglethis的点击处理程序中调用这些方法。如果你遇到困难，试一试并发布另一个问题。

JavaScript（jQuery？）：只需点击一下即可切换多个类

2 个答案: