Jquery 如何将前两个图像分别放在一列和其余两列上？

我有这个样本：

HTML:

CSS:

.home块{
保证金：0自动；
高度：740px；
位置：相对位置；
溢出：隐藏；
}
#左滑梯{
宽度：47.5%；
浮动：左；
溢出：隐藏；
}
#右滑梯{
浮动：对；
宽度：47.5%；
}
#右滑动img，#左滑动img{
宽度：100%；
}
.全旗{
宽度：100%！重要；
}

JQuery:

if（jQuery（'#slider'）.hasClass（'en-slide'））{
//对于前两张图片，我想添加全班横幅。其余的图片必须和现在一样。
}

我想拍前两张大图。我想删除class

。左幻灯片

，并添加class

。完整横幅

，仅用于前两张图片

我试过这样做，但不幸的是没有发生他们想要的

jQuery（“#左幻灯片”）.addClass（'full-banner'）；
}否则{
jQuery（“#左幻灯片”）.removeClass（'full-banner'）；
}

如何解决此问题？

通过使用

#左幻灯片

您正以包装器分区为目标。要以

#左幻灯片

和

#右幻灯片

中的第一个图像为目标，并为它们提供您应该执行的类

完整横幅

$('#left-slide').children().first().addClass('full-banner');
$('#right-slide').children().first().addClass('full-banner');

---

希望我正确理解了问题。

提供的答案对您有用吗？