jQuery没有对我的选项进行排序

Question

我有一个选项 - 选择HTML的东西。 JS代码：

var inviteds = $('#clientMenuEvents_edit select[name="everybody"]');
inviteds.find('option').sort (function(a,b) {
    return a.innerHTML.toLowerCase() > b.innerHTML.toLowerCase() ? 1 : -1;
});

我调试了这个函数，a.innerHTML.toLowerCase()给出了字符串，但是它无法对该列表进行排序，没有任何反应。每个人都这样做 - 但它表现得像我没有做任何事情。

Answer 1

您正在对元素进行排序，但排序仅影响元素集，而不影响DOM。如果您使用.append()将集合放回到select元素中，它们将按排序顺序添加。

inviteds.find('option').sort (function(a,b) {
    return a.innerHTML.toLowerCase() > b.innerHTML.toLowerCase() ? 1 : -1;
}).appendTo( inviteds );

演示：http://jsfiddle.net/CAZCf/1/