javascript - 使用 jQuery 更改 html 文档的类

Question

我是 jQuery 新手。当单击按钮 btnClassPSuccess 时，我需要向 divClass 中的每个段落添加一个名为“success”的类。 我的 HTML 代码是:-

<div id="divClass">
  <p>A</p>
  <p>B</p>
  <p>C</p>
  <p>D</p>
  <p>E</p>
  <p>F</p>
  <p>G</p>
</div>
<button id="btnClassPSuccess">Change Paragraphs to Success</button>

我的 jQuery 代码是:-

$("#btnClassPSuccess").click(function () {
  $('#divClass').addClass("sucess");
});

请您纠正我如何执行此操作。

Answer 1

你会这样做:

$("#btnClassPSuccess").click(function () {
    $('#divClass p').addClass("success");
});

示例:

$("#btnClassPSuccess").click(function() {
  $('#divClass').addClass("success");
});

.success {
  background: green;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="divClass">
  <p>A</p>
  <p>B</p>
  <p>C</p>
  <p>D</p>
  <p>E</p>
  <p>F</p>
  <p>G</p>
</div>
<button id="btnClassPSuccess">Change Paragraphs to Success</button>