jquery - 使用 JQuery 获取元素的上一个同级元素

Question

我有一个页面，其中有多个文本框，后跟一个“浏览”链接，如下所示:

[textbox1]浏览
[textbox2]浏览
[textbox3]浏览

现在我想知道我推送了哪个文本框的浏览链接。我想设置一个全局变量(如何在 Javascript/JQuery 中做到这一点？)并保存文本框，或者至少保存文本框的类/id/名称，以便我知道要从浏览路由中操作哪个文本框。

我不知道文本框的 ID 或任何内容，因为它是在运行时生成的。我所知道的是它是浏览链接的前一个兄弟。

编辑:无法让它工作，这是我的 jquery 方法，只是为了测试它:

$(document).ready(function() {
    $('#BrowseLink').click(function() {
        alert($(this).prev('input[type=text]').attr('id'));
        return false;
    });
});

它发出一个警报，说“未定义”...

这是我在页面上的标记:

<input id="Image"  name="Image" width="5px" type="text" value=""></input>&nbsp;<a id="BrowseLink" href="#">Browse</a>

编辑编辑看看我的标记，我解决了它，nbsp；也是一个实体，因此需要 prev().prev()

Answer 1

您可以使用.prevAll()方法:

someGlobal = $(this).prevAll('input[type=text]:last').attr('id');

要创建全局变量，只需在“声明”/初始化它时不要使用 var 即可。