在 jQuery 对象中转换 lodash/下划线集合（链接）

Question

我想在一个 jQuery 对象中无缝地包装一个 lodash 集合。现在我将 lodash 输出保存在一个变量中并将其提供给 jQuery：

//simplified code
var els = [document.getElementById('a'), document.getElementById('b')];
els = _(els)
    .map(doStuff)
    .map(doMoreStuff);
var $els = $(els);

但我想像这样链接它：

//pseudo code
_(els)
    .map(doStuff)
    .map(doMoreStuff)
    .jQueryfy() //this magic method, missing
    .show() //jQuery method, right away

我认为tap 是可能的，但这实际上并没有改变集合。

_(els)
    .map(doStuff)
    .map(doMoreStuff)
    .tap(function(array) { return $(array); }) //doesn't actually return a jQuery object
    .show()

Answer 1

这应该通过使用 mixin 和带有 DOM 元素数组的 jQuery constructor 来实现：

_.mixin({jQueryfy: jQuery}, {chain:false});

请注意，jQuery 本身已经支持基本的collection manipulation functions，所以你也可以编写你的示例

$("#a, #b").map(doStuff).map(doMoreStuff).show();