Javascript 在空间和位置方面添加特定类

我在我的网站上使用双面时间线。在时间线栏的两侧都有几个缩略图。我在左缩略图上添加了左声道类，在右缩略图上添加了右声道类。在左侧轨道类有浮动：左侧，在右侧轨道类有浮动：右侧。第一个在左边轨道上，第二个在右边轨道上；第三名将再次出现在左侧赛道上

我的问题是 1我想通过jQuery添加左声道和右声道

2因为两个拇指上都有一个浮子，如果一个拇指的高度很小，那么下一个拇指就会到那里填充空间。i、 e:我的左手是正常拇指，右手是小拇指，应该在左边的第二个拇指的下一个在右边

我的代码，例如： 有人能帮忙吗？

关于第一个问题：

$( "div:odd").attr('class','on-left-track');
$( "div:even").attr('class','on-right-track');

// Or:
// $( "div:odd").addClass('on-left-track');
// $( "div:even").addClass('on-right-track');

然后在css上执行以下操作：

---

当然，这个答案不考虑其他可能超越这些样式的CSS样式。

奇数和偶数顺序并不总是决定缩略图的位置。他说他想为第一个问题添加右和左动态jQuery，但他也提供了[棘手的]。第二个问题的条件一个小提琴手更好地了解这个问题。我同意。一把提琴样本就可以了。那么，有可能在左声道上有两个连续的拇指，而在另一个声道上有两个连续的拇指吗？

$( "div:odd").attr('class','on-left-track');
$( "div:even").attr('class','on-right-track');

// Or:
// $( "div:odd").addClass('on-left-track');
// $( "div:even").addClass('on-right-track');

.thumb.on-left-track { float: left }
.thumb.on-right-track { float: right }