僅向空元素添加類

Question

問題是我有.Prodotto的多個實例，但我想只將該類添加到空.Prodotto。我怎樣才能指定空的'.Prodotto'？我的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

你的問題太含糊了，如果你提供更多的細節，但我認爲你有一個點擊事件的地方？ 如果是這樣的話，假設你有這樣的：

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

希望這有助於！