这是我的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值
先谢谢。请做
答案 0 :(得分: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);
});
});
&#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;