javascript - 当一个 div 具有切换类时，如何将类添加到另一个 div？

Question

请清楚地阅读此处:-

我想在 <div id="targetdiv"> 添加一个类(class)

当我点击按钮<button id="btn">Btn</button>时，它将把类切换为 <div id="dynamicdiv">

所以我想什么时候，类(class)切换在 <div id="dynamicdiv"> ，另一个类将在 <div id="targetdiv"> 处切换。

工作代码:-

$(document).ready(function(){
  $("#btn").click(function(){
    $("#dynamicdiv").toggleClass("test")
  })
  function hasClass(){
    if($('#dynamicdiv').hasClass('test') ){
      $('#targetdiv').addClass('newclass');
    }else {
      $('#targetdiv').removeClass('newclass');
    }
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="dynamicdiv">sfasdfasf</div>

<div id="targetdiv"><h1>qwer</h1></div>

<button id="btn">Btn</button>

Answer 1

一种可能的方法:

$("#btn").click(function() {
  var $dynamicDiv = $('#dynamicdiv');
  $dynamicDiv.toggleClass('test');
  $('#targetdiv').toggleClass('newclass', $dynamicDiv.hasClass('test'));
});

.toggleClass()可以给定第二个参数，控制切换的状态:

state

Type: Boolean

A Boolean (not just truthy/falsy) value to determine whether the class should be added or removed.