如何隐藏以前的＆＃39;和＆＃39; next＆＃39; Bootstrap carouse中第一张和最后一张幻灯片上的按钮

Question

我正在制作一个自举旋转木马。旋转木马逐个移动每个项目以显示所有六个项目。我的问题是：

如何隐藏＆＃39;之前的＆＃39;和＆＃39; next＆＃39;第一张和最后一张幻灯片上的按钮？

Answer 1

我会在你身上贴上一个ID，这是第一个也是最后一个项目：

<div class="item" id="firstItem">
<div class="item" id="lastItem">

以及你们这样的箭头图像：

<a class="left carousel-control" id="leftArrow" href="#myCarousel" data-slide="prev">
<a class="right carousel-control" id="rightArrow" href="#myCarousel" data-slide="next">

然后检查您的JS代码，如果您当前的商品ID是firstItem或lastItem并隐藏您的箭头。