Question

请告诉我我如何在子div中的div中添加类，这意味着我想通过body类添加类，然后使用我的div id然后添加那里的类。

请检查我的代码：-

   <body class="myblog">

  <div id="blogpost">
   <h3>this is my first post</h3>
   </div>

  </body>

这就是我想要myblog类帮助的代码，然后将类添加到此

我想要这样的解决方案：-

     <body class="myblog">

     <div id="blogpost" class="johnposts">
     <h3>this is my first post</h3>
      </div>

      </body>

谢谢。

Answer 1

使用JQuery - addclass()方法，再加上一个'id'属性，请使用它。

 $('#blogpost').addClass('johnposts');

Answer 2

您可以使用div来找到body class，如下所示，并为div添加类。

$('.myblog').find('div').addClass('johnposts');

.johnposts {
  background-color: lightblue
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<body class="myblog">

  <div id="blogpost" class="johnposts">
    <h3>this is my first post</h3>
  </div>
  <div id="blogpost2">
    <h3>this is my second post</h3>
  </div>

</body>

注意：div ID必须是唯一的。

Answer 3

感谢您的回答和评论，我通过身体课来做到这一点：-

此脚本帮助我实现了这一目标。

        <script type="text/javascript">
          $('.myblog #blogpost').addClass('johnposts');
       </script>

如何使用javascript通过body类在div中添加类

3 个答案: