Javascript 如果滑块长度<；2.

我有一个滑块，如果它只有一个元素，我想隐藏它的控件

标记：

<div class="grid carousel-controls">
    <span class="control prev"></span>
    <span class="control next"></span>
</div>

<div class="carousel">
    <img src="//placecage.com/440/660"/>
</div>

$(function(){
    var count = $('.carousel').children().length;

    if (count < 2) {
        $('.carousel-controls').hide();
    }
});

jQuery:

<div class="grid carousel-controls">
    <span class="control prev"></span>
    <span class="control next"></span>
</div>

<div class="carousel">
    <img src="//placecage.com/440/660"/>
</div>

$(function(){
    var count = $('.carousel').children().length;

    if (count < 2) {
        $('.carousel-controls').hide();
    }
});

$（函数（）{
变量计数=$（'.carousel'）.children（）.length；
如果（计数<2）{
$（'.carousel控件'）.hide（）；
}
});

有人要吗？❤️

编辑：值得补充的是，它位于选项卡导航内，其中另一个旋转木马有>2个子对象，在这种情况下，我显然希望控件可见。

您正在寻找：

$（函数（）{
$（'.carousel'）。每个（功能（i，c）{
变量计数=$（c）.children（）.length；
//如果.carousel控件是.carousel的子控件
如果（计数<3）
$（c）.find（'.carousel控件'）.hide（）；
//如果.carousel控件是.carousel的同级控件
如果（计数<2）
$（c）.同级（'.carousel控件'）.hide（）；
//注释掉上面不合适的语法。
});
});

---

find（）

与

.carousel

相关，并取决于

.carousel控件的放置位置。如果<代码>，转盘控件在代码< >转盘> <代码>，它也将被认为是<代码>的孩子。CouSele[/Cord] >因此，您需要计数小于3。
 < P>我可以给您一个想法。
假设：一次只有一个选项卡处于活动状态

仅查找活动选项卡的转盘控件。然后你可以根据逻辑隐藏它们

$('a[data-toggle="tab"]').on('shown', function (e) {

    // access carousel here then you can find children here using $(this); 
    // your logic goes here.  
 });

这段代码仅供参考。
也许可以制作一个片段或一把小提琴，这样我们就可以可视化它。你的意思是你有两个或多个选项卡，每个选项卡都有自己的旋转木马？@Dinesh是的，先生。
。旋转木马控件
是
。旋转木马
的兄弟。在这种情况下，代码会有任何更改吗？@aronhyer是否所有的转盘内容（离开控件）图像文件？因为上面的代码也在计数
。旋转木马控件
。如果所有的都是图像，
var count=$（c）.查找（'img'）.length
否则如果除了图像之外还有很多其他东西没有保存在特定div下，您可以尝试，
If（count<3）<代码> >“CulsEL控件也是一个<代码>的子。Culouels< /Calp> @ ArnHyyle，如果<代码>。CouSeleLeals< <代码>是代码< > Culouels<代码>，代码替换为<代码> SbLink（）/<代码>，即<代码> $（c）。代码>但是，如果我更改代码，使
.carousel control
为
显示：无$（count>1）
不起作用时隐藏它们。对我来说，这似乎更方便。没关系。样式表重写了JS。我修好了。