javascript - JavaScript 对象的 JQuery 选择器？

Question

有没有办法使用 JQuery 选择器查询 JavaScript 对象？

例如，考虑一个数组:

var users = [{id: 0, username: 'Alice'}, {id: 1, username: 'Bob'}, {id: 2, username: 'Cindy'}];

，那么以下工作正常:

$(users).each(function (index, user) { ... });

我需要能够做这样的事情:

$(users).find('[username="Bob"]').each(function(index, user){ ... });

，但我可以找出正确的选择器字符串值。有什么想法吗？

Answer 1

您可以使用Underscore做到这一点，特别是 findWhere() .

bobs = _.findWhere(users, { username: "Bob" });

如果你必须使用 jQuery，你可以使用...

bobs = $.grep(users, function(user) { return user.username === "Bob"; });

或者如果您的平台支持Array.prototype.filter() ，使用它的方式与使用 jQuery 的 grep() 相同。 .

此外，当使用 jQuery 迭代非 jQuery 集合的内容时，请勿使用 jQuery.prototype.each() ，但使用 jQuery.each() .