Jquery 添加对网格项可见的类，但不添加具有新类的项

我试图添加一个对

.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>

---

我不知道你想做什么。 无论如何，我假设您的DOM中有许多.grid项元素，当找到一个类为“new”的.grid项时，var visibleTrue将变为true。 此时，visibleTrue仍然为true，并且您的代码不适用于其他div

我认为您应该循环所有元素，检查它们是否有新类，以防添加或删除“可见”类

试试这个：

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

---

在这里你可以找到。每个参考资料我不知道你想做什么。 无论如何，我假设您的DOM中有许多.grid项元素，当找到一个类为“new”的.grid项时，var visibleTrue将变为true。 此时，visibleTrue仍然为true，并且您的代码不适用于其他div

我认为您应该循环所有元素，检查它们是否有新类，以防添加或删除“可见”类

试试这个：

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

---

在这里您可以找到。每个参考在类

所在的位置添加可见的类。网格项
存在，但不存在
。新建
：

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

在类
所在的位置添加可见类。网格项
存在但不
。新建
：

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

试试这个

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

});

试试这个

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

});

请同时编写html。代码看起来不错，请也写html。代码看起来没问题，我试过了，但没用。我已经编辑了代码。你能再看一下吗？你能用你的数据检查一下更新后的fiddle链接吗？上面的代码可以正常工作。我已经尝试过了，但不起作用。我已经编辑了代码。你能再看一下吗？你能用你的数据检查一下更新后的fiddle链接吗？上面的代码工作正常。谢谢你的回答。我想将可见类添加到每个.grid itme，但具有新类的.grid项除外。这就是我想做的。谢谢你的回答。我想将可见类添加到每个.grid itme，但具有新类的.grid项除外。这就是我想做的。