javascript - 在相同的 内获取输入

Question

如何获取之前的输入内容？

我有下表:

start-loop
    <td>...</td>
    <td>...</td>
    <td align=center>
            <input type="hidden" id="ContactPW" name="ContactPW" value="#UserPW#" />
            <input type="hidden" id="ContactEmail" name="ContactEmail" value="#UserEmail#" />
            <input type="hidden" id="ContacName" name="ContactName" value="#UserName#" />
            <input class="btn btn-primary" type="button" onclick="test();" value="Login" />
    </td>
end- loop

我想在我的 test() 函数中获取“ContactPW”、“ContactEmail”和“ContactName”的值，但使用 $("#ContactPW").val() 我只得到第一个项目循环，而不是我单击按钮的行。

有人知道我该怎么做吗？

谢谢

Answer 1

在您的测试函数中，您可以使用 jquery .parent().find() 这意味着，您的 btn elem 将查找父级并找到具有您定义名称的子级。函数如下示例，

html

<input class="btn btn-primary" type="button" onclick="test(this);" value="Login" />

JavaScript

function test(e){
   $(e).parent().find("[name='ContactPW']").val();
}