动态附加 div 和类

Question

我正在尝试在 mvc4 razor 中排列带有重复列表的新闻项，该列表将每两篇文章包装在一个div 类"新闻组 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>

我已经能够使用以下脚本添加"最后一个"

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

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

Answer 1

你可能可以做这样的事情

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

Answer 2

JQUERY

$('.news-group.clearfix').append('<div>hello</div>').addClass('last');
**OR**
    $('.news-group.clearfix').addClass('last').append('<div>hello</div>');