在 jquery 元素上使用 Lodash 集合函数

Question

我正在尝试在 jQuery 元素集合上使用 lodash 的 _.partition，如下所示：

const $elements = $('<div class="outer"><div class="thisOne">thisOne</div><div>not thisOne</div><div>nor thisOne</div></div>').children();
// the above line ends up printing {0: <div class="thisOne">thisOne</div>, 1: <div>not thisOne</div>, 2:<div>nor thisOne</div>, length: 3} I may have mis-rememebered how it gets there.
// regardless it's a list of $jQuery elements
const [$matched, $unmatched] = _.partition($elements, element => element.text() === "thisOne");

$matched.forEach(element => expect(element).toHaveClass("thisOne"));
$unmatched.forEach(element => expect(element).not.toHaveClass("thisOne"));

但我的错误在第二行，它说element.text() 不是函数。

我已经看到了这个问题jQuery .each() function with ES6 arrow functions，我认为这不算数，因为这不是像each 这样的jQuery 数组函数，应该只对每个元素进行操作。将其更改为(index, element) => element.text() === "thisOne" 仍然不起作用，所以我认为这根本不是原因。

我做错了什么？

Answer 1

问题在于_.partition($elements, element => element.text() === "thisOne") 的结果是该元素不是 jQuery 元素，而是原生dom 元素。

要纠正这个问题，您需要像这样在元素周围应用$(...)：

element => $(element).text()

这确保每个元素在运行 jQuery 函数之前都是 jQuery 感知的。