Click edilen tag'ın data değerini değişkene atamama ?

burda tıkladığım value değeri grid ise Liste = "grid" list ise Liste = "list"
olarak atansın istiyorum ama bir türlü yapamadım.


    function Data_Send(query = '', page = 1)    { 
        var action = 'UListPost';
        var min_fiyat = $('#min_fiyat').val();
        var max_fiyat = $('#max_fiyat').val();
        var durumtag = Filtre('durumtag');
        var kategori = Filtre('kategori');
        var ozellik = Filtre('ozellik');
        var goster  = $("#UrunShow").val(); 
        var Liste = "?????";  
  
        $.ajax({
            url:"/Data",
            method:"POST",
            dataType: "json",
            data:{Liste:Liste, goster:goster, query:query, page:page, action:action, min_fiyat:min_fiyat, max_fiyat:max_fiyat, durumtag:durumtag, kategori:kategori, ozellik:ozellik},
            success:function(data){
                $('.cikti').html(data.avg);
                $('#sayfalama').html(data.pagination);
                $('span#toplam').html(data.total);
            }
        });
    }
    

söyle birşey denedim yinede çıktıyı oraya atayamadım.

function List(){
    $("body").on("click", ".consol", function(){
        return $(this).data("value");
    }); 
    
    console.log(List());
    
]

<div class="filter-action">
    <a href="javascript:;" data-value="grid" class="consol fa-solid fa-grip active"></a>
    <a href="javascript:;" data-value="list" class="consol fa-solid fa-list"></a>
</div>