Javascript Jquery：如何在添加元素时对元素进行排序？

我有一个用户列表

<div id="userList">
</div>

---

这只是一个

排序

。从你的问题中我们可以知道：

如果

性别

相同，请按名称排序

否则，女性优先

这就是代码

var ul=document.getElementById（'userList'）；
var divs=[].slice.call（ul.children）；
[]排序调用（divs，（a，b）=>{
var genderA=a.getAttribute（'data-gender'）；
var genderB=b.getAttribute（'data-gender'）；
var nameA=a.getAttribute（'data-name'）；
var nameB=b.getAttribute（'data-name'）；
如果（性别===性别B）{
//console.log（nameAnameB-1:0）；
}
//console.log（genderA='f'？-1:1）
返回genderA='f'？-1:1；
});
控制台日志（divs）
原件：

厕所
艾伦
迈克
珍妮弗
多沙的


分类：
请参见控制台
Hi！请拿着（你得到了一枚徽章！）通读一下，尤其是你最好的选择是做你的研究，做相关的主题，然后试一试。如果你在做了更多的研究和搜索后陷入困境，无法摆脱困境，请发布一份你的尝试，并明确指出你陷入困境的地方。人们会乐意帮忙的。
<div data-name="john" data-gender="m">john</div>
<div data-name="alan" data-gender="m">alan></div>
<div data-name="mike" data-gender="m">mike</div>
<div data-name="jennifer" data-gender="f">jennifer</div>
<div data-name="sandy" data-gender="f">sandy</div>

jennifer
sandy
alan
john
mike