jQuery - 从值数组中按值选择元素

给出一些简单的 JSON：

["62689", "62690", "62697"]

我需要在 DOM 中选择与这些值相对应的三个元素（基于value属性）。他们可能是一个<select>, <input>, <option>或任何真正的东西。

我应该使用什么选择器？

你可以使用 jQuery 的属性等于选择器 http://api.jquery.com/attribute-equals-selector/.

选择具有指定属性且其值恰好等于某个值的元素。

例如选择其元素value is 62689，你会使用：

$('[value="62689"]')

要选择所有三个，您可以使用：

$('[value="62689"], [value="62690"], [value="62697"]')

如果您想对这些元素应用某种方法，并且您的值多于或少于这三个值，则可以循环遍历 JSON 响应并相应地应用：

var data = ["62689", "62690", "62697"];

for (var i = 0; i < data.length; i++)
    $('[value="' + data[i] + '"]');

或者你可以使用将它们全部拉入一个数组jQuery 的map() method http://api.jquery.com/map/:

var elements = $('input, select').map(function() {
    if ($.inArray(this.value, data) != -1)
        return this;
    return false;
}).get();