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

【问题标题】：how to append child divs to parent divs equally with using same class in jquery?如何在 jquery 中使用相同的类将子 div 平等地附加到父 div？
【发布时间】：2016-07-14 17:30:36
【问题描述】：

我有一个下面的 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 的数量？

【问题讨论】：

你有没有尝试过？
您将始终需要遍历“父”元素并检查它必须执行的子元素的数量或没有对它们执行的操作。
是的，我正在循环所有父母，我想做的事情并不简单，所以我正在寻找是否有一种简单的方法可以做到这一点
显示你的代码

标签： javascript jquery html

【解决方案1】：

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

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

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

查看working fiddle 并感谢这个很棒的库的贡献者。

【讨论】：

感谢您的回复，这是我的问题的快速解决方案。在您回复之前我不知道 lodash 是什么。再次感谢