PHP Arama motoru yardım

<ul class="nav nav-pills" id="pills-tab" role="tablist">
                                <?php
                                $row = $db->prepare("SELECT * FROM emlak_durum WHERE dil=? ORDER BY id ASC");
                                $row->execute(array($_SESSION['dil']));
                                $islem = $row->fetchALL(PDO::FETCH_ASSOC);
                                foreach ( $islem as $sonuc ){
                                    ?>
                                <li class="nav-item">
                                    <a class="nav-link active" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true"><?=$sonuc["adi"]?></a>
                                </li>
                                <?
                                 }
                                ?>
                            </ul>

<script>
    $( document ).on( "click", "#pills-tab .nav-item", function() {
        $('#pills-tab .nav-item').removeClass( "secili" );
        $(this).addClass( "secili" );
    });
</script>

<script>
    $( document ).on( "click", "#pills-tab .tur-sec ", function() {
        $('#pills-tab .tur-sec ').removeClass( "secili" );
        $(this).addClass( "secili" );
    });
</script>

<!-- butonumuzun bunlar olduğunu varsayıyorum -->
<!-- JQUERY değilde javascript ile örneklendirdim jquery bilmiyorsanız javascript ile daha basit yapabilirsiniz -->
<button class="test-emre" id="satilik" onclick="satilikactive()">SATILIK</button>
<button class="test-emre" id="gunlukkiralik" onclick="gunlukkiralikactive()">GUNLUK KIRALIK</button>
<button class="test-emre" id="kiralik" onclick="kiralikactive()">KİRALIK</button>

//Bu fonksiyon satılık butonunu active yapar diğerlerindeki activeyi siler bundan 3 tane oluşturacağız basit anlamanız için
function satilikactive() {
  document.getElementById("satilik").className = "test-emre active";
  document.getElementById("gunlukkiralik").className = "test-emre";
  document.getElementById("kiralik").className = "test-emre";
}

function kiralikactive() {
  document.getElementById("satilik").className = "test-emre";
  document.getElementById("gunlukkiralik").className = "test-emre";
  document.getElementById("kiralik").className = "test-emre active ";
}

function gunlukkiralikactive() {
  document.getElementById("satilik").className = "test-emre";
  document.getElementById("gunlukkiralik").className = "test-emre active";
  document.getElementById("kiralik").className = "test-emre";
}

//Javascripti sayfanın en alt kısmına koymanız gerekiyor body tagından öncesine
//Bu kodları direk kopyala yapıştır yapabilirsiniz yalnız test-emre yazan kısmı kendi butonunuzdaki class ile değiştirmeniz gerek ve tüm butonlardaki active yazısını silin.