用於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

你可以使用下划線來做到這一點，特別是findWhere()

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

如果必須使用jQuery，則可以使用...

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

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

另外，當使用非jQuery集合的jQuery進行迭代時，請勿使用jQuery.prototype.each() ，而應使用jQuery.each() 。

Answer 2

使用Array.prototype.filter ，一個本地javascript函數

users.filter(function(user) { return user.username === "Bob"; }) ;