Javascript 如何创建新闻线索？

我在Drupal8网站上创建了一个新闻提要。如何交错显示新闻线索

我希望第一个在左边，干的在右边，其他的也一样。事实上，我添加了类

。right

来实现这一点，它很有效

但是如何自动添加这个类（我有一百个块要显示在线程中）

当我手动将.right类添加到.timeline内容时，它可以完美地工作：

现在，当我使用Drupal创建视图时，如何将.right类自动添加到任何偶数行

  $('.timelines').on('even', function () {
       $('timeline-content').addClass('right');
  });

在我的JS文件中，我应该输入哪些代码将.right类添加到偶数行

  $('.timelines').on('even', function () {
       $('timeline-content').addClass('right');
  });

$（'.timeline:nth child（偶数）.timeline content'）.addClass（'right'）
。主时间线{
位置：相对位置；
}
.主要时间线：之前{
z指数：-1；
内容：“；
宽度：3倍；
身高：100%；
背景：#ffffff；
-webkit盒阴影：0.10px rgba（0,0,0,0.22）；
-moz盒阴影：0.10px rgba（0,0,0,0.22）；
-ms盒阴影：0.10px rgba（0,0,0,0.22）；
-o盒阴影：0.10px rgba（0,0,0,0.22）；
盒影：0.10px rgba（0,0,0,0.22）；
位置：绝对位置；
排名：0；
左：49.9%；
}
.主时间线.时间线{
边缘顶部：50px；
位置：相对位置；
}
.主要时间线。时间线：之前，
.主时间线.时间线：之后{
内容：“；
显示：块；
宽度：100%；
明确：两者皆有；
}
.主时间线.时间线图标{
宽度：52px；
高度：52px；
边界半径：50%；
背景：#ffffff；
-webkit盒阴影：0.10px rgba（0,0,0,0.22）；
-moz盒阴影：0.10px rgba（0,0,0,0.22）；
-ms盒阴影：0.10px rgba（0,0,0,0.22）；
-o盒阴影：0.10px rgba（0,0,0,0.22）；
盒影：0.10px rgba（0,0,0,0.22）；
溢出：隐藏；
左边距：-26px；
位置：绝对位置；
排名：0；
左：50%；
文本对齐：居中；
}
.main timeline.timeline图标img{
宽度：50px；
高度：50px；
}
.主时间线.时间线内容{
宽度：45%；
填充：20px；
边界半径：5px；
背景：#ffffff；
-webkit盒阴影：0.10px rgba（0,0,0,0.22）；
-moz盒阴影：0.10px rgba（0,0,0,0.22）；
-ms盒阴影：0.10px rgba（0,0,0,0.22）；
-o盒阴影：0.10px rgba（0,0,0,0.22）；
盒影：0.10px rgba（0,0,0,0.22）；
}
.主时间线。时间线内容：之前{
内容：“；
左边框：7px实心#ffffff；
边框顶部：7px实心透明；
边框底部：7px实心透明；
位置：绝对位置；
左：45%；
顶部：20px；
}
.main timeline.timeline-content.right{
浮动：对；
}
.主时间线.时间线内容.右：之前{
内容：“；
右：45%；
左：继承；
左边框：0；
右边框：7px实心#ffffff；
}
.时间线：第n个孩子（偶数）.时间线内容{
浮动：对；
}
.时间线：第n个孩子（偶数）。时间线内容：之前{
内容：“；
右：45%；
左：继承；
左边框：0；
右边框：7px实心#ffffff；
}
.主时间线.时间线标题{
颜色：#000000；
填充：10px；
背景：#ffffff；
边框底部：1px实心#CCCC；
边界半径：3px3px0；
裕度：-20px-20px 0px-20px；
}
.主时间线.时间线标题h3{
字体大小：30px；
字体大小：300；
边际上限：0；
}
.主时间线.时间线标题h6{
页边距底部：0；
}
.主时间线.时间线说明{
边缘顶部：10px；
}
@仅介质屏幕和（最大宽度：990px）{
.主时间线.时间线标题h3{
字体大小：25px；
}
.main timeline.timeline内容：：之前{
顶部：16px；
}
}
@仅介质屏幕和（最大宽度：767px）{
.主要时间表{
左边距：20px；
}
.主要时间线：之前{
左：0；
}
.主时间线.时间线内容{
宽度：90%；
浮动：对；
}
.主时间线。时间线内容：之前，
.主时间线.时间线内容.右：之前{
左：10%；
权利：继承；
左边距：-6px；
左边框：0；
右边框：7px实心#ffffff；
}
.主时间线.时间线图标{
左：0；
}
}
@仅介质屏幕和（最大宽度：479px）{
.主时间线.时间线内容{
宽度：85%；
}
.主时间线。时间线内容：之前，
.主时间线.时间线内容.右：之前{
左：15%；
}
.主时间线.时间线标题h3{
字体大小：20px；
}
.主时间线。时间线内容：之前{
顶部：13px；
}
}

https://www.s1biose.com/sites/default/files/styles/thumbnail/public/2018-02/linux_circuit_board_penguin_avatar_by_duradcell-d6gzwwu.jpg?itok=JnvROb1j
jeu，06/09/2018-12:57

新内容（讨论）

CR
dans le groupe[消息：字段\组\参考：实体：标题]

https://www.s1biose.com/sites/default/files/styles/thumbnail/public/2018-02/linux_circuit_board_penguin_avatar_by_duradcell-d6gzwwu.jpg?itok=JnvROb1j
jeu，06/09/2018-12:56

新内容（讨论）

CR
dans le groupe[消息：字段\组\参考：实体：标题]

https://www.s1biose.com/sites/default/files/styles/thumbnail/public/2018-02/linux_circuit_board_penguin_avatar_by_duradcell-d6gzwwu.jpg?itok=JnvROb1j
jeu，06/09/2018-12:56

新内容（讨论）

CR
dans le groupe[消息：字段\组\参考：实体：标题]

https://www.s1biose.com/sites/default/f
  $('.timelines').on('even', function () {
       $('timeline-content').addClass('right');
  });

.view-content .views-row:nth-child(even) .timeline .timeline-content {
       background: red;  // put here your 'right' properties.
}

 $('.view-content .views-row:nth-child(even) .timeline .timeline-content').addClass('right');