如何获取页面中的掩藏值

Question

如上代码如何才能通过点击“”编辑“”按钮来实现获取当前下面input框中的value值？代码中结合了template模板

Answer 1

第一种思路，按照input元素的位置获取，思路是获取被点击元素的父元素，然后取下一个节点

<a href="#" onclick="test(event)">编辑</a>

function test(event) {    console.log($(event.target).parent().next().eq(0).val());
}

第二种思路，将隐藏的input元素的id，设置为和循环变量相关，如：

<input type = "hidden" id = "casus_id<%=data[i].casus_id %>" value = "<%=data[i].casus_id %>">
<a href="#" onclick="test('<%=data[i].casus_id')">编辑</a>

function test(n) {    console.log($('#casus_id' + n).val());
}