如何过滤元素，然后设置条件

Question

首先要按类进行筛选，然后更改类名：

  <div class="root">
    <div class="col-8 catA filter"></div>        
    <div class="col-4 catB filter"></div>        
    <div class="col-8 catA filter"></div>                
    <div class="col-4 catB filter"></div>                
    <div class="col-8 catA filter"></div>                
    <div class="col-4 catB filter"></div>                
  </div>

我想通过类名"catB“和设置条件来过滤元素:

var myFilterData = $('.filter').filter('.catB');

我的情况会是这样的:

if (myFilterData.index == even) {
//add New class
}

可以使用jquery ()方法吗?

Answer 1

你是这个意思吗？

myFilterData.each(function(index) {
    if (! (index % 2)) $(this)
        .addClass("newClass")
        // .removeClass("catB") // Not sure if you also want this
    ;
});

Answer 2

请检查下面的solution.You可以根据您的情况添加或删除类。

var myFilterData = $('.filter').filter('.catB');

if (yourcondition == true) {
myFilterData.addClass("newClass");

  // myFilterData.removeClass("catB")  For removing the class
}

Answer 3

在每个div中使用数据id并获取数据id。

<div class="root">
<div class="col-8 filter" data-id="catA"></div>        
<div class="col-4 filter" data-id="catB"></div>        
<div class="col-8 filter" data-id="catA"></div>                
<div class="col-4 filter" data-id="catB"></div>                
<div class="col-8 filter" data-id="catA"></div>                
<div class="col-4 filter" data-id="catB"></div>                
</div>

<script>
$('.filter').on('click', function(){
   var myFilterData = $(this).data('id')
})
</script>