Cần giúp đỡ về cách sử dụng filter trong jquery

Cái này mình giải quyết được 1 phần rồi. Có check đc nhiều cái nhưng phát sinh vấn đề đó là ko biết đưa vào group như thế nào cả.
Code cũng là tham khảo trên mạng thôi, nên đang muốn ghép 2 loại code vào với nhau.
- Mình dùng cái data-filter-group & data-filter-value làm code gốc của mình.
- Theo như mình nghĩ thì nếu ghép được code lại thành 1 thì sẽ có 3 group chạy song song với nhau.
- 3 Group lọc:
+ Màu sắc: red - blue - yellow
+ Kích cỡ: small - normal - big
+ (Lọc mới ko đề tên): H1 - H2 - H3
- Chọn: red ------ small & normal --------- h1 & h2 or h3....
- Chú ý: Em muốn dùng cái group để nó chạy theo kiểu
+ Chọn group 1 thì khi chọn group 2 sẽ dựa trên group 1 mà lọc, tương tự chọn group 3 sẽ dựa trên 2 điều kiệu lọc của group 1 + group 2.
+ Vậy nên làm thế nào để cái code mới kia có được data-filter-group + data-filter-value.
- Đây là code check mới kiếm được:

Code:

//Checkbox filter
$('.filter input').click(function () {
var filters = [];
var $this = $(this);
// get checked checkboxes values
$this.filter(':checked').each(function () {
filters.push(this.value);
});
// ['.red', '.blue'] -> '.red, .blue'
filters = filters.join(', ');
$container.isotope({ filter: filters });
});

Bạn nào vô cùng giúp mình ghép 2 loại code lại với nhau.

Chốt lại 1 câu là: Tự mình hỏi - Tự mình giải quyết
Mod nào vô đóng bài viết này giúp mình nhé. Vấn đề của mình đã được giải quyết rồi. Thank's !