我正在flowplayer
使用jQuery工具滑块我已经设置了一个垂直可滚动的共4个图块,一次可以看到3个图块。包装元素具有边框半径,我现在想要在视图中的相应第一个和最后一个图块上设置半径。
这就是我所拥有的:
<div class="iTunesBanner" style="border-radius: .6em">
<div class="outer_container">
// other stuff
</div>
<div class="scroll_container">
<div class="scrollable vertical">
<div class="items">
<div class="logo_container"></div>
<div class="logo_container"></div>
<div class="logo_container"></div>
<div class="logo_container"></div>
</div>
</div>
</div>
</div><!-- banner -->
和init:
$(function() {
if ( $('.items').children().length > 1 ) {
$(".scrollable").scrollable({ vertical: true, circular: true }).autoscroll(7500);
$('.logo_container:eq(2)').clone().insertAfter('.logo_container:eq(4)').addClass('clone2nd cloned');
$('.logo_container:eq(3)').clone().insertAfter('.clone2nd').addClass('clone3rd cloned');
$('.logo_container:eq(4)').clone().insertAfter('.clone3rd').addClass('clone4th cloned');
}
});
所以我基本上制作4 + 3元素,然后旋转木马。我将logo_container
的高度设置为scroll_container
的1/3,因此我一次可以看到3个图块。
我现在想要将一个类附加到第一个和最后一个可见的图块上,以便为这些元素添加边框。
如果不钻研插件,这可能吗?
感谢任何提示。完全迷失在这里。
答案 0 :(得分:0)
试试这个:
$(".logo_container:first-child").addClass("first");
$(".logo_container:last-child").addClass("last");
确保在添加了3个额外元素之后添加它。
答案 1 :(得分:0)
像
这样的东西$('.logo_container:first, .logo_container:last').addClass('someclass');
可能?