javascript - 使用 jQuery 引用 html 输入元素

Question

我有以下(重复)html:

<tr>
    <td>Some text</td>
    <td><a href="#">Click me<a/></td>
    <td><form><input type="hidden" value="4"/></form></td>
</tr>

在链接的单击事件上使用 jQuery 我想检索输入元素的值。我已经尝试了各种parents(), children(), nextAll(), prev()组合，但我无法获取输入元素的值。

这是我的测试功能的链接。 jsFiddle Link

此外，我将如何检索第一个 td 元素的文本？

非常感谢您帮助我实现这一目标。
迈克尔

Answer 1

您可以使用 parent从 a 到达 td，然后是 next获取以下td，然后find获取 input 元素:

$("a").click(function() {
    var value = $(this).parent().next().find("input").val();
});

这是一个 updated fiddle .

要从第一个 td 获取文本，您可以采用几乎相同的方法，但使用 prev而不是 next。

此外，鉴于您有多次重复的 HTML 片段，将 click 事件处理程序绑定(bind)到 DOM 树的更高层可能会更有效(也许您已经这样做了，您还没有我没有发布任何 JS，所以我不知道):

$("table").on("click", "a", function() {
    //Do stuff
});