javascript - 动态追加 div 和类

Question

我正在尝试在 mvc4 razor 中安排新闻元素，重复列表将每两篇文章包装在一个 div 类“news-group clearfix”中，并向第二个文章类添加一个 css 元素“last”，如下所示。

<div id="main-content">

  <div class="news-group clearfix">
     <article class="news static-page">...</article>
     <article class="news static-page last">...</article>
     </div>

    **<div class="news-group clearfix">**
      <article class="news-container news static-page">...</article>
     <article class="news-container static-page **last**">...</article>
     **</div>**

    **<div class="news-group clearfix">**
      <article class="news-container news static-page">...</article>
     <article class="news-container static-page **last**">...</article>
     **</div>**
</div>

我已经能够使用下面的脚本添加“last”

<script type="text/javascript">
$(document).ready(function () {
$('article.news-container:even').addClass('last');
});
</script> 

我需要有关如何使用 <div class=news-group clearfix><div> 封装 2 篇文章的重复单元的帮助在 Razor View 中进行迭代。任何帮助将不胜感激

Answer 1

你可能会做这样的事情

$('article.news-container:odd').each(function(){
       $(this).next().addBack().wrapAll("<div class="news-group clearfix"></div>");
});