jQuery 多个选择器顺序

Question

我想选择多个按钮并按顺序单击第一个按钮。类似于 COALESCE 函数。

我试过这个:

$(".selector1, .selector2, .selector3").first().click();

这可行，但选择遵循 DOM 顺序，而不是我的选择器查询顺序。有什么建议吗？

Answer 1

jQuery 始终按 DOM 顺序返回元素，因此您需要按照以下方式执行操作:

$.each(['.selector1', '.selector2', '.selector3'], function(i, selector) {
    var res = $(selector);
    if (res.length) {
        res.first().click();
        return false;
    }
});

你可以把它变成一个 jQuery 扩展，如下所示:

$.coalesce = function(selectors) {
    var match;
    var selector = $.each(selectors, function(i, selector) {
        var res = $(selector);
        if (res.length) {
            match = res;
            return false;
        }
    });
    return match || $([]);
};

然后调用

$.coalesce(['.selector1', '.selector2', '.selector3']).first().click();