ソート・リストのUL->異なるIDの機能中のLi

Question

私は正常に動作

What is the easiest way to order a <UL>/<OL> in jQuery?

から来ました。

しかし、これは異なるIDで必要なので、関数に入れようとしました。

私が試した：

var sortmenues = ['#firstid', '#secondid', '#anotherid']; 

function sortuls(paths) { 
    jQuery.each(paths,function(index, value) { 
     var items = jQuery(value).get(); 
     items.sort(function(a,b){ 
      var keyA = jQuery(a).text(); 
      var keyB = jQuery(b).text(); 

      if (keyA < keyB) return -1; 
      if (keyA > keyB) return 1; 
      return 0; 
     }); 
     var ul = jQuery(value); 
     jQuery.each(items, function(i, li){ 
      ul.append(li); 
     }); 
    }); 
} 

jQuery(function() { 
    sortuls(sortmenues); 
}); 

をしかし、私はちょうど配列の最初の要素のため、動作しません。

スニペットを複製しようとしましたが、最初の要素でも動作します。以下のような

：

var items = jQuery('#firstid li').get(); 
... 
var ul = jQuery('#firstid'); 
... 
}); 
var items = jQuery('#secondid li').get(); 
... 
var ul = jQuery('#secondid'); 
... 
}); 

も、これはすべての要素のために動作しません：

jQuery.each([ '#firstid', '#secondid' ], function(index, value) { 
    var items = jQuery(value + ' li').get(); 

    items.sort(function(a,b){ 
     var keyA = jQuery(a).text(); 
     var keyB = jQuery(b).text(); 

     if (keyA < keyB) return -1; 
     if (keyA > keyB) return 1; 
     return 0; 
    }); 
    var ul = jQuery(value); 
    jQuery.each(items, function(i, li){ 
     ul.append(value + 'li'); 
    }); 
}); 

は、誰かが私に教えてくださいすることができ、私が間違っているのでしょうか？

htmlが

... 
<ul id="firstid"> 
    <li>Alpha</li> 
    <li>Beta</li> 
    <li>Gamma</li> 
    <li>Delta</li> 
</ul> 
... 
<ul id="anotheridNosortinghere"> 
    <li>Alphaa</li> 
    <li>Betaa</li> 
    <li>Gammaa</li> 
    <li>Deltaa</li> 
</ul> 
... 
<ul id="secondid"> 
    <li>Alphaa</li> 
    <li>Betaa</li> 
    <li>Gammaa</li> 
    <li>Deltaa</li> 
</ul> 
... 

Answer 1

は、あなたがちょうどあなたが行くように彼らのテキスト値によって子li要素をソートし、あなたが提供する各ulのためのセレクタによる単純なループを行うことができ、あなたのHTMLを与えられています。あなたが質問に、あなたのHTMLを追加してもらえ

$('#firstid, #secondid').each(function() { 
 
    $(this).find('li').sort(function(a, b) { 
 
    \t return $(a).text() < $(b).text() ? -1 : 1; 
 
    }).appendTo(this); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul id="firstid"> 
 
    <li>Delta</li> 
 
    <li>Beta</li> 
 
    <li>Alpha</li> 
 
    <li>Gamma</li> 
 
</ul> 
 

 
<ul id="anotheridNosortinghere"> 
 
    <li>Deltaa</li> 
 
    <li>Gammaa</li> 
 
    <li>Alphaa</li> 
 
    <li>Betaa</li> 
 
</ul> 
 
^ Not sorted 
 

 
<ul id="secondid"> 
 
    <li>Betaa</li> 
 
    <li>Alphaa</li> 
 
    <li>Deltaa</li> 
 
    <li>Gammaa</li> 
 
</ul>