Javascript 获取输入JQuery的动态值+；细枝

我试图从具有动态值的隐藏输入中获取值：

<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>

也像这样：

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

无论我选择什么元素，我总是得到第一个值，即

1

---

现在，如果我尝试调试它并将

input

类型更改为

text

我会在每个元素上获得不同的值，这很好，但是如何在我的脚本上获得值？

您可以尝试此方法，而不是使用隐藏输入，您可以在链接中使用属性“data”，在这种情况下，将命名为：data delete:

现在，动态获取属性值：

<script>

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

});
</script>

$（文档）.ready（函数（）{
$（'.clickdelete'）。单击（函数（）{
var id=$（this.attr（'data-delete'）；
警报（id）；
});
});

---

根据您单击的链接，您将获得值“1”或“2”，当然您必须将该数字替换为{{categorie.idcategorie}}

目标ID，不是类。如果类只使用一次，那么目标类有什么错？它会起作用谢谢你的回答，我已经更改了它，并且总是相同的结果。你说的

是什么意思？无论我选择什么元素，我总是得到第一个值，即1

<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>

<script>

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

});
</script>