Tayfun bey google aramalarında sitenizdeki içerikle uyuşuyorsa bu konu ve alakalı resimleri google'ın göstermesinden bahsetti.
sanırım siz site içinde bir arama motoru yapmak istiyorsunuz. yazılan kelime ile eşleştiginde onunla ilgili bilgiler resimler vs. gözüksün istiyorsunuz ?
Şayet benim anladığım gibiyse "singlestroke" ın dediği gibi öncelikle auto ID li düzgün bir veritabanı oluşturmalısınız.

arama kutusunundan aldığınız değeri ajax ile bir php sorgusuna göndermeniz gerekiyor.
php ile veritabanınızdan aldığınız veriyi html de nasıl gözükmesini istiyorsanız o şekilde çıktısını verip
ajax kısmında dinlemeye almanız lazım. gelen php verisini javascript ile istediğiniz şekilde gösterebilirsiniz.

@tayfunerbilen teşekkür ederim iş çıkışı evde bakacagım. birçok php ve javascript videosunu da izlemiştim. bu nasıl gözden kaçtı hayret.

bu arada sizin filmtavsiye.org kapandı mı ? aidiyet diye bir üst bilgi gelmişti.

@devepdogukan yine çok kısa kod ve tam isabet cevap tebrik ederim.

bilgilenmek amaçlı eskiden görmediğim bir kod görüyorum items in başındaki "..." ne işe yarıyor. bilgi verebilir misiniz ?

[...items].forEach(item => { }

@devepdogukan yine yetiştin teşekkür ederim

iki cevapta doğru ellerinize sağlık.

Aslında aşağıdaki gibi çözdüm.
ama şimdi de farkettim ki şöyle birşey lazım :)

zamana göre dizerken gruba denk gelirse grubun en küçük zamanını baz alıp
diğerlerini görmezden gelip. grubun küçügünün yanına dizmem gerekiyor.

yani

1 2 3 A1 A2 A3 4 5 6 7

burada A2 ve A3 ün saatini görmezden gelip A1 in yanına dizmem gerekiyor.

var john = $.makeArray($(".filterDiv"));
john.sort(function(a, b) {
    var aD = new Date($(a).data('newtime'));
    var bD = new Date($(b).data('newtime'));
    var aG = new Date($(a).data('group'));
    var bG = new Date($(b).data('group'));
    return (aG) - (bG) ||(aD) - (bD);
});
$(".container").html(john);

bu şekilde zaman döngüsünü sıralıyorum. ama grubu ekleyemiyorum :(

<script>

var john = $.makeArray($(".filterDiv"));
john.sort(function(a, b) {
    var aDate = new Date($(a).data('time'));
    var bDate = new Date($(b).data('time'));
    return (bDate) - (aDate);
});
$(".container").html(john);
</script> 

build e şu şekilde tanımlama yaptım.

 var iconvar, namevar;
if (id == "179") { iconvar = "close"; namevar = "HESABI KAPAT"; }
if (id == "180") { iconvar = "group"; namevar = "GRUP KAPAT"; }

items de de bu şekilde bir düzenle sorunu çözdüm. yine yardımlarınız için tşk ederim.

"q":{ name:namevar,icon: iconvar}