Javascript 仅当值大于1时才显示div Jquery

我只想在变量

colorCount

中的值大于1时显示我的div。到目前为止，我的代码并没有基于此隐藏div。我已经创建了代码

$（文档）.ready（函数（）{
$（'.search'）。每个（函数（索引，项）{
var colorCount=$（item）.find（'.item colors result ul li'）.length；
$（item）.attr（'data-search-position'，colorCount）；
如果（颜色计数<0）{
$（'.numberofcolors'）.hide（）；
}否则{
$（this.find（'.numberofcolors'）.html（''+colorCount+''+colors-available'）.show（）；
}
});
});

因此，如果

没有

，则不应显示div

我这样做对吗

---

如果（colorCount<0），则colorCount应为<1或

。{

如果（colorCount

（！colorCount>0）

也可以工作。因此，如果我在JSFIDLE中更改该代码，它对任何方法都不起作用。谢谢。

$(document).ready(function() {

     $('.search').each(function(index, item) {
            var colorCount = $(item).find('.item-colours-result ul li').length;
            $(item).attr('data-search-position', colorCount);

            if (colorCount < 0 ) {

                $('.numberOfColours').hide();
            } else {
                $(this).find('.numberOfColours').html('<b>' + colorCount + '&nbsp;' + 'Colours available</b>').show();

            }
        });
    });