정렬해야 할 번호 목록이 있습니다. 다음과 같은 기능을 사용하고 있지만 제대로 정렬되지 않습니다.
<div class="mylist">
<div class="item" data-sid="0.98">
<p>0.98</p>
</div>
<div class="item" data-sid="4.29">
<p>4.29</p>
</div>
<div class="item" data-sid="0.98">
<p>0.98</p>
</div>
<div class="item" data-sid="23.59">
<p>23.59</p>
</div>
</div>
JS
$('#num').on('click', function() {
var s = $(this).data('sort');
if (s === 0) {
$(this).data('sort', 1);
$('.mylist > div').sort(function(a, b) {
return a.dataset.sid < b.dataset.sid
}).appendTo('.mylist')
} else {
$(this).data('sort', 0);
$('.mylist > div').sort(function(a, b) {
return a.dataset.sid > b.dataset.sid
}).appendTo('.mylist')
}
});
$('#num').on('click', function() {
var s = $(this).data('sort');
if (s === 0) {
$(this).data('sort', 1);
$('.mylist > div').sort(function(a, b) {
return a.dataset.sid < b.dataset.sid
}).appendTo('.mylist')
} else {
$(this).data('sort', 0);
$('.mylist > div').sort(function(a, b) {
return a.dataset.sid > b.dataset.sid
}).appendTo('.mylist')
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="num">Num</div>
<div class="mylist">
<div class="item" data-sid="0.98">
<p>0.98</p>
</div>
<div class="item" data-sid="4.29">
<p>4.29</p>
</div>
<div class="item" data-sid="0.98">
<p>0.98</p>
</div>
<div class="item" data-sid="23.59">
<p>23.59</p>
</div>
</div>
사용하는 번호로 값을 변환 ) (번호 와 같은
return Number(a.dataset.sid) < Number(b.dataset.sid)
$('#num').on('click', function() {
var s = $(this).data('sort');
if (s === 0) {
$(this).data('sort', 1);
$('.mylist > div').sort(function(a, b) {
return Number(a.dataset.sid) < Number(b.dataset.sid)
}).appendTo('.mylist')
} else {
$(this).data('sort', 0);
$('.mylist > div').sort(function(a, b) {
return Number(a.dataset.sid) > Number(b.dataset.sid)
}).appendTo('.mylist')
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="num">Num</div>
<div class="mylist">
<div class="item" data-sid="0.98">
<p>0.98</p>
</div>
<div class="item" data-sid="4.29">
<p>4.29</p>
</div>
<div class="item" data-sid="0.98">
<p>0.98</p>
</div>
<div class="item" data-sid="23.59">
<p>23.59</p>
</div>
</div>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다