入力jQueryの+小枝の動的な値

Question

を取得し、私は動的な値を持つ非表示の入力から値を取得しようとしています：あなたがそのIDで動的な値でこの隠された入力値を見ることができるように

<form> 
    <input class="AAA" type="hidden" value="{{ categorie.idcategorie }}" > 
     <a type="submit" name="clickdelete" class="clickdelete"> 
      <i class="fa fa-times" aria-hidden="true"></i> Supprimer Categorie</a> 
</form> 

スクリプトでAJAXリクエストを送信するために使用する予定です。

私はこれを試してみました。このような

var id = $(".AAA").attr("value"); 
console.log(id) 

とも：

console.log($(".AAA").val() ) 

私が選ぶどのような要素、私がしようとすると、私はいつも今1

ある最初の値を取得それをデバッグし、textにinputのタイプに変更私は各要素で異なる値を得る魔法は良いですが、私のスクリプトで値を取得する方法は？

Answer 1

あなたは隠された入力を使用する代わりに、これを試みることができる、あなたは、この場合には、リンクに属性「データ」を使用することができ命名されます。データ削除：

https://jsfiddle.net/kaLeokgt/

<form> 
<a href="#" class="clickdelete" data-delete="1"> 
    <i class="fa fa-times" aria-hidden="true"> </i> Supprimer Categorie 
</a> 
<br> 

<a href="#" class="clickdelete" data-delete="2"> 
    <i class="fa fa-times" aria-hidden="true"> </i> Supprimer Categorie 
</a> 

</form> 

さて、動的属性値を取得：「1」あなたが値を取得します

<script> 

$(document).ready(function() { 
    $('.clickdelete').click(function() {   
     var id = $(this).attr('data-delete'); 
     alert(id); 
    }); 

}); 
</script> 

をか「2」、あなたがクリックしたリンクをよると、もちろんあなたは{{Cでその番号を交換する必要がategorie.idcategorie}}