用于类的先前实例的jquery选择器

Question

在按钮点击事件上，我想根据某个类读取文本框的值。页面上有多个带有该类的文本框，所以我想抓住按钮之前的那个。注意：这不是之前的，但我希望它在页面上搜索，直到找到实例。

我认为Prev()会这样做，但似乎不起作用

Answer 1

$(this).prevAll('.class:first');

将prevAll与:first过滤器

一起使用

Answer 2

假设你有未知的嵌套，并且文本框是而不是兄弟，请试试这个：

$(":button").click(function() {
    var allElem = $("*");
    var buttonIndex = allElem.index(this);
    var nearest;
    $(".text").each(function(i, elm) {
        var index = allElem.index(elm);
        if (buttonIndex > index) {
            nearest = elm;
        }
    });
    alert($(nearest).val());
});

这依赖于元素的索引并找到最接近按钮的索引。我确信有一些很棒的选择器，希望有人会发布它:)

<强> Code example on jsfiddle