Скрыть элементы чужой категории на js

делаю фильтр, который выводит все товары по параметрам, нужно отфильтровать по названию. У меня есть категории 200 - авто и 201 мото. Нужно сделать так что бы если категория 200 скрывать все товары у которых в названии есть строка "Мото", и аналогично с категрией мото (скрывать если есть авто). Сами товары вывожу циклом:

var product_filter_arr = [];
                for (var key in res) {
                var product_id = res[key]['product_id'];
                var name = res[key]['name'];
                var price = res[key]['price'];
                var image = res[key]['image'];
                var cat_id = $("input[name~='cat_id']").val(); // id категории
                switch(cat_id) {
                  case '200': 
                    var link = "Auto?";
                    break;

                  case '201': 
                    var link = "Moto?";
                    break;
                }
                var product = `<div class="product-layout product-grid product-style-1 col-lg-4 col-md-4 col-sm-4 col-xs-4 product-items">
                               <div class="product-thumb">
                                    <div class="product-item">  
                                        <div class="image swatches-image-container">
                                        <a href="https://d.ru/${link}product_id=${product_id}">
                                            <img src="d.ru/image/${image}" class="img-responsive img-cate-${product_id}">
                                            </a>
                                                    <div class="button-group">
                                                        <button type="button" class="button-wishlist" title="В закладки" onclick="wishlist.add('${product_id}');"><span>В закладки</span></button>
                                                        <button type="button" class="button-compare" title="В сравнение" onclick="compare.add('${product_id}');"><span>В сравнение</span></button>
                                                        <button class="button-quickview" type="button" title="Быстрый просмотр" onclick="ptquickview.ajaxView('https://d.ru/Rings?product_id=${product_id}')"><span>Быстрый просмотр</span></button>
                                                                                                            </div>
                                                    <div class="box-cart">
                                                    <button type="button" class="button-cart" title="Купить" onclick="cart.add('${product_id}', '1');"><span>Купить</span></button>
                                                    </div>
                                                                                            </div>
                                                <div class="caption">
                                                <h4><a href="https://d.ru/${link}product_id=${product_id}">${name}</a></h4>
                                                <p class="price">${price}</p>
                                            </div>
                                    </div>
                                </div>
                            </div>`;
                var products = product_filter_arr.push(product);
                
                }

switch(cat_id) {
          case '200': 
            for (var key in product_filter_arr) {
              var arr_val = product_filter_arr[key];
              if (arr_val.indexOf("Авто") == -1) {
                product_filter_arr.splice($(this));
              }
            }
            break;
}

Подскажите пожалуйста, как правильно сделать?