我想在里面升入第二个div ..?

时间:2017-04-21 07:21:52

标签: javascript jquery html sorting

这是我的ul li div结构

<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="" />

点击此复选框,点击我的升序但我希望升级我的第二个div里面的li

$(".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);
            });

}); 

这是我的整个代码升序,但在此代码中通过点击复选框li值升序但我希望升入里面的第二个Div值

先谢谢。请做

1 个答案:

答案 0 :(得分:1)

Id's更改为class,因为ID必须是唯一的。

&#13;
&#13;
$(".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);
            });

});
&#13;
<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="" />
&#13;
&#13;
&#13;