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

Question

我在我的网站上使用双面时间轴。在时间轴栏的两侧有几个缩略图。我在左侧缩略图上添加了on-left-track类，在右侧缩略图上添加了on-right-track类。 on-left-track班级有float:left，on-right-track班级有float:right。首先是on-left-track，第二个是on-right-track;第3次将再次on-left-track。

我的问题是

1）我想通过jQuery添加on-left-track和on-right-track。

2）由于两者都有一个float，如果一个拇指的高度很小，则下一个拇指会在那里填充空间。即：left上有正常的拇指，下一个是right上的小拇指，而下一个应该是on left的下一个右手。

我的代码，例如：

<div class="thumb on-left-track>
  ....
</div>
<div class="thumb on-right-track>
  ....
</div>

<div class="thumb on-left-track>
  ....
</div>

有人可以帮忙吗？

Answer 1

对于第一个问题：

$( "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');

Answer 2

然后在css：

上执行此操作

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

当然，这个答案不会考虑可能会覆盖这些样式的其他css样式。