javascript - 如何在jquery中获取动态隐藏的id值？

Question

在 html 中，我使用了带有动态 ID 的隐藏字段。

<a><input type="hidden" name="edit_hid" id="edit_'+id+'" value="123" />something 1</a>

<a><input type="hidden" name="edit_hid" id="edit_'+id+'" value="456" />something 2</a>

<a><input type="hidden" name="edit_hid" id="edit_'+id+'" value="789" />something 3</a>

这里我获取了jquery中上述隐藏元素的id。

var hiddenID = $('input[name$="edit_hid"]').attr('id');
alert(hiddenID );

每当我点击超链接“something 1”、“something 2”、“something 3”时，我总是得到 ID 作为 edit_0

如何获取每个超链接的动态 ID？这样我就可以获得这些动态 id 的值。

Answer 1

一种解决方案是在 jquery 选择器中使用 :hidden :

$("a").on("click", function(){
    alert($(":hidden", this).val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a><input type="hidden" name="edit_hid" id="edit_'+id+'" value="123" />something 1</a>

<a><input type="hidden" name="edit_hid" id="edit_'+id+'" value="456" />something 2</a>

<a><input type="hidden" name="edit_hid" id="edit_'+id+'" value="789" />something 3</a>