javascript - 如何在jquery中使用相同的类将子div同等地附加到父div？

Question

我有以下 html

    <div class="parent"><div class="child"></div></div>
    <div class="parent"><div class="child"></div></div>
    <div class="parent"><div class="child"></div></div>
    <div class="parent"><div class="child"></div></div>
    <div class="parent"><div class="child"></div></div>
    <div class="parent"><div class="child"></div></div>

最初，所有父 div 都有一个子 div。我正在尝试将新的子 div 同等地附加到父级。例如，如果 1,2,3 父级 div 有 2 个子级，而其他子级只有一个，我应该将新子级附加到 4. 父级 div。 jquery 中是否有任何简短的方法可以做到这一点，而无需循环所有父级并测试它们拥有的 div 数量？

Answer 1

您可以使用美丽lodash中的函数_.minBy

var minDiv = _.minBy($('div.parent'), function(item) {
    return $(item).find('div.child').length;
  });

  $(minDiv).append('<div class="child"></div>');

请参阅working fiddle并感谢这个出色的库的贡献者。