javascript - 如何在 jQuery 中的课后将课添加到 div？

Question

我有一个子 div，需要使用 jQuery 添加一个类。

<div class="main-content">
     <article class="post status-publish">
          <div class="post-content>
               <div class="vc_row wpb_row vc_row-fluid">

                    <div class="vc_col-sm-12 wpb_column vc_column_container ">
                    </div>   

                </div>
          </div>
     </article>
</div>

到目前为止我尝试过的 jQuery 代码是这样的:

j('.main-content .post-content').each(function () {
    j(this).after().addClass('home-inner-content');
});

这是我想要的结果:

<div class="main-content">
     <article class="post status-publish">
          <div class="post-content>
               <div class="vc_row wpb_row vc_row-fluid home-inner-content">

                    <div class="vc_col-sm-12 wpb_column vc_column_container ">
                </div>   

            </div>
          </div>
     </article>
</div>

感谢任何帮助。谢谢

Answer 1

你可能想要这样的东西:

j('.main-content .post-content').each(function () {
    j(this).children().first().addClass('home-inner-content');
});

.after()用于插入内容，而不是定位内容。

但实际上，我认为您不需要循环。你可以这样做:

j('.main-content .post-content > *:first-child').addClass('home-inner-content');

第一部分选择你想要的元素。 .addClass()为每个被选中的元素添加一个类。