仅将类添加到空元素

Question

问题是我有多个.Prodotto实例，但我想将该类仅添加到空.Prodotto。我怎样才能只指定空的＆＃39; .Prodotto＆＃39; ？我的jQuery尝试就是这个：

if ($('.Prodotto').is(':empty')){
  $('.Prodotto').addClass('empty-content');
}

Answer 1

您可以直接使用:empty选择器并删除if语句，如下所示：

$('.Prodotto:empty').addClass('empty-content');

Answer 2

一般来说，我认为你要做的是

$('.Prodotto:empty').addClass('empty-content');

但是当你说“Current .Prodotto”时，它意味着你的代码中还有其他东西使它成为“当前”的东西，就像点击它一样，如果是这样，你的代码就像现有代码一样，除了使用this

$('.Prodotto').on('click',function(){
    var $this = $(this);
    if ($this.is(':empty')){
        $this.addClass('empty-content');
    }
});

Answer 3

这可能就是你要找的东西：

$('.Prodotto').filter(':empty').addClass('empty-content');

甚至更短：

$('.Prodotto:empty').addClass('empty-content');

在你的代码中，你首先测试的是 Prodotto 类是否有空元素，但是你第二次查询 Prodotto 并将新类应用于所有这些。

Answer 4

如果你提供更多细节，你的问题太模糊了，但我认为你在某个地方有点击事件？ 如果是这种情况，假设你有类似的东西：

elementToBeClickable

希望这有帮助！