添加對網格項目可見的類，但不是那些具有新類的項目

我試圖添加一個對.grid-items可見的類，但不是那些hasClass('new')。我寫了這段代碼，但它似乎沒有工作。這裏有什麼不對嗎？添加對網格項目可見的類，但不是那些具有新類的項目

的html代碼：

<div class="col-md-6 grid-item new">//some code here</div> 
<div class="col-md-6 grid-item new">//some code here</div> 
<div class="col-md-6 grid-item new">//some code here</div> 
<div class="col-md-6 grid-item new">//some code here</div> 
<div class="col-md-6 grid-item psd">//some code here</div> 
<div class="col-md-6 grid-item psd">//some code here</div> 
<div class="col-md-6 grid-item wordpress">//some code here</div> 
<div class="col-md-6 grid-item joomla">//some code here</div>

JS代碼：

var visibleTrue = $('.grid-item').hasClass('new'); 
if(visibleTrue){ 
    $('.grid-item').removeClass('visible'); 
} 
else{ 
    $('.grid-item').addClass('visible'); 
}

來源

2016-01-03 Shahadat Hossain

請也寫HTML。代碼看起來不錯 –

我不知道你想做些什麼。無論如何，我想你的DOM中有很多.grid-item元素，當找到一個類爲「new」的.grid-item時，var visibleTrue會變爲true。在這一點上，visibleTrue仍然如此，您的代碼不適用於其他div。

我想你想循環所有的元素來檢查他們是否有新類，以防萬一添加或刪除「可見」類。

試試這個：

$(document).ready(function(){ 
    $(".grid-item").each(function() { 
     if(!$(this).hasClass('new')){ 
     $(this).addClass('visible'); 
     } 
    }); 
});

在這裏，你可以找到。每次參考https://api.jquery.com/each/

來源

2016-01-03 05:47:10 Gianca

感謝您的回答。我想爲每個.grid-itme添加可見類，但除了具有新類的.grid項外。這就是我想要做的。 –

添加類可見，其中類.grid-item是有，但不是.new：

$(".grid-item").not('.new').addClass('visible');

Fiddle

來源

2016-01-03 05:49:54

我試過這個但不工作。我編輯了代碼。你能再看看嗎？ –

你可以使用你的數據檢查更新的小提琴鏈接嗎？它的工作正常與上面的代碼。 –

檢查控制檯日誌以查看verfiy類的可見性。 –

嘗試這個。

$('.grid-item').each(function(){ 
    if(!$(this).hasClass('new')){ 
     $(this).addClass('visible'); 
    } 

});

Fiddle Link

來源

2016-01-03 06:00:53

添加對網格項目可見的類，但不是那些具有新類的項目

回答

相關問題