используя jQuery получить выбранное значение списка из динамически созданного элемента

Question

я пытаюсь получить значение выбранного элемента, мои элементы генерируются динамически

foreach ($result as $value){

?>

  <a href="#" class="badge badge-info filteredcat" value="<?php echo $value['id'] ?>">
    <?php echo $value['categorie'] ?>
  </a>  

<?php    
}
?>

, поэтому после загрузки html выглядит следующим образом

<a href="#" class="badge badge-info filteredcat" value="5">
    Semnalizare rutieră  </a>  


  <a href="#" class="badge badge-info filteredcat" value="4">
    Probleme de mediu  </a>  


  <a href="#" class="badge badge-info filteredcat" value="6">
    Spații verzi  </a>  


  <a href="#" class="badge badge-info filteredcat" value="7">
    Câini comunitari  </a>  

с использованием jquery Я хочу получить значение выбранного элемента

 $('.filteredcat').click(function(){
        let categorie = $(this).val();
        //$.fn.startLoader();


        console.log(categorie);



    });  

, но не могу получить значение ... если я использую $ (this) .text () его работоспособность ... но не значение

Answer 1

Вы должны быть в состоянии захватить его с помощью let categorieVal = $(this).attr("value");, так как это один из атрибутов элемента. Смотрите .attr () | jQuery Документация API