jQuery新手求助：点击按钮为指定div内所有段落添加success类

嘿，作为jQuery新手碰到这个小问题太正常啦，我来帮你把代码补全，顺便讲清楚逻辑！

你的思路是对的，只是还差关键的一步——你需要先定位到#divClass容器里的所有<p>元素，再给它们添加success类，而不是直接给div本身加类。

完整的jQuery代码 #

$("#btnClassPSuccess").click(function () {
  // 找到#divClass下的所有<p>元素，为它们添加success类
  $('#divClass').find('p').addClass('success');
});

完整的可运行示例代码 #

<!DOCTYPE html>
<html>
<head>
  <!-- 先确保引入了jQuery库（可以下载本地文件或使用官方CDN） -->
  <script src="jquery.min.js"></script>
  <style>
    /* 给success类设置样式，方便直观看到效果 */
    .success {
      color: green;
      font-weight: bold;
      background-color: #f0f9eb;
      padding: 4px;
    }
  </style>
</head>
<body>
  <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>

  <script>
    $("#btnClassPSuccess").click(function () {
      $('#divClass').find('p').addClass('success');
    });
  </script>
</body>
</html>

代码逻辑解释 #

• $("#btnClassPSuccess").click(...)：给id为btnClassPSuccess的按钮绑定点击事件，点击后触发内部的处理函数
• $('#divClass').find('p')：精准选中id为divClass的容器内的所有<p>元素
• .addClass('success')：为选中的所有<p>元素添加success类

另外，你也可以用更简洁的选择器写法，效果和上面完全一致：

$("#btnClassPSuccess").click(function () {
  // 直接通过后代选择器定位目标元素
  $('#divClass p').addClass('success');
});

这种写法更紧凑，选哪种全看你个人习惯~

内容的提问来源于stack exchange，提问作者Sushil Pathak