我想在裏面升序2nd div ..？

Question

這是我的UL李格結構

<ul id="Section"> 
    <li> 
     <div id="ui-id-2" style="float:left;">Qole Shahroye</div> 
     <div id="syriacname-1" style="float:right;">ܩ̈ܠܐ ܫܝ/div> 
    </li> 
    <li> 
     <div id="ui-id-2" style="float:left;">Qole Shahroye</div> 
     <div id="syriacname-2" style="float:right;">ܩ̈ܠܐ ܫܗ</div> 
    </li> 
    <li> 
     <div id="ui-id-2" style="float:left;">Qole Shahroye</div> 
     <div id="syriacname-3" style="float:right;">ܩ̈ܠܐ ܫܗܪ̈ܝܐ</div> 
    </li> 
</ul> 

複選框

<input type="checkbox" class="ascsection" value="" /> 

在此複選框上單擊我的李遞增，但我想升序我的第二格內裏

$(".ascsection").click(function(){    

    var items = $('#Section li').get(); 
     items.sort(function(a,b){ 
       var keyA = $(a).text(); 
       var keyB = $(b).text(); 

       if (keyA < keyB) return -1; 
       if (keyA > keyB) return 1; 
       return 0; 
     }); 

     var ul = $('#Section'); 
      $.each(items, function(i, li){ 
       ul.append(li); 
      }); 

}); 

這是我的整個代碼升序，但在此代碼通過點擊複選框李值升序但我想要升序第二個值內部李

感謝Advance.Please待辦事項

Answer 1

更改Id's到class因爲ID必須是唯一的。

$(".ascsection").click(function(){    
 

 
    var items = $('#Section li .syriacname').get(); 
 
     items.sort(function(a,b){ 
 
       var keyA = $(a).text(); 
 
       var keyB = $(b).text(); 
 

 
       if (keyA < keyB) return -1; 
 
       if (keyA > keyB) return 1; 
 
       return 0; 
 
     }); 
 
     
 
     
 

 
     var ul = $('#Section li'); 
 
      $.each(items, function(i, li){ 
 
       ul.eq(i).append(li); 
 
      }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul id="Section"> 
 
    <li> 
 
     <div class="ui-id-2" style="float:left;">Qole Shahroye</div> 
 
     <div class="syriacname" style="float:right;">c</div> 
 
    </li> 
 
    <li> 
 
     <div class="ui-id-2" style="float:left;">Qole Shahroye</div> 
 
     <div class="syriacname" style="float:right;">b</div> 
 
    </li> 
 
    <li> 
 
     <div class="ui-id-2" style="float:left;">Qole Shahroye</div> 
 
     <div class="syriacname" style="float:right;">a</div> 
 
    </li> 
 
</ul> 
 
<input type="checkbox" class="ascsection" value="" />