فیلتر کردن اطلاعات در دیتاتیبل

سلام 4 هفته هست کسی جواب نداده؟

من زیاد حرفه ای نیستم و نمیدونم با چه پارامتر هایی میخوای فیلتر کنی
اما فرض رو بر این میذاریم که محصولات رو بارگذاری کردی و میخوای همه محصولات یک دسته رو نمایش بدی بعد از این که کاربر اعلام کرد که چه دسته ای رو میخواد.

من حتی نمیدونم داده هارو چجوری نمایش میدی فقط میتونی به من خوب گوش بدی شاید راه حل رو پیدا کردی خودت
برای راحتی کار خودم همه رو توی یک div اصلی میذارم و بقیه رو هم توی div که ساده تر بشه

<div class="row mx-auto">
@foreach ($products as $product)
    <div class="col-md-3" id="{{$product->id}}" data-category="{{$product->category_id}}">
        <h1>{{$product->title}}</h1>
    </div>
@endforeach
</div>

می‌خوایم با اون data-category فیلتر کنیم با کمک Jquery

$("[data-category]").each(function(){
  $(this).hide()
})
$("[data-category=4]").each(function(){
  $(this).show(1000)
})

به each نیاز نداره ولی فکر کنم قابل فهم تر بشه به این صورت
به این شکل هم میشه نوشت.

$("[data-category]").hide();
$("[data-category=4]").show(1000);

خب 2تا انتخابگر نوشتم برای ایتم ها با data-category که به جفتش نیاز داری اولی همه رو مخفی میکنه دومی اونایی رو که نیاز داری نمایش میده
من برای تست شماره 4 رو گذاشتم.
1 ثانیه هم برای انمیشن گذاشتم که جذاب تر باشه

امیدوارم بدرد بخور بوده باشه.
و خداکنه بیای و پیام رو ببنی چون حس میکنم نا امید شده باشی از سایت