Как переписать данный JQuery код на чистый JavaScript?

Question

[Vladislav]

Как переписать данный JQuery код на чистый JavaScript? это логика простой фильтрации кнопок по блокам

$(function(){

        let filter = $('[data-filter]');
        $('[data-filter="all-product"]').addClass('active-tab');


        filter.on('click', function(){
           
            let category = $(this).data('filter');
            console.log(category);
            
            if (category == 'all-product') {
                $('[data-category]').removeClass('hide');
            }
            else {
                $('[data-category]').each(function() { 

                    let workCat = $(this).data('category');
    
                    if (workCat != category) {
                        $(this).addClass('hide');

                    }               
                    else {
                        $(this).removeClass('hide');
              
                    }
              
    
                });
            }


            
        });

    })

Comments

[Владислав Лысков]

Идёшь построчно, сверху вниз, заменяя функции jqueryна их аналоги из нативного js

Answer 1

[Дмитрий Комчев]

jQuery -> js к Вашим услугам!