javascript - 我需要使用父类替换嵌套 div 中的引导类名称

Question

<分区>

Answer 1

使用与您要更改的元素相匹配的选择器。然后使用 .addClass() 和 .removeClass() 更改类。

这个选择器只匹配类col-sm-7 和col-sm-push-5在.child-nDIV 中的 DIV，所以child2和child3`中的相似类不会受到影响。

$("#button").click(function() {
  $("#main-parent .child-n .col-sm-7.col-sm-push-5")
    .removeClass("col-sm-7 col-sm-push-5")
    .addClass("col-sm-12");
});

.col-sm-7 {
  background-color: yellow;
}
.col-sm-push-5 {
  background-color: green;
}
.col-sm-12 {
  background-color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="main-parent">
  <div class="child2">
    <div>
      child2
    </div>
  </div>
  <div>child3</div>
  <div class="child-n">
    <div class="row">
      <div class="child-n1 col-sm-7 col-sm-push-5">child n</div>
    </div>
  </div>
</div>
<button id="button">Click to change class</button>