我正在使用 next 函式來計算一個 div 內的每個專案,并回顯每個專案的索引號。
有沒有一種方法可以實作完全相同的效果,但是從最大的數字開始到最小的數字?有點像翻轉這里的內容
謝謝您的幫助。
預先感謝
$(function(/span>) {
$(".grid").each(function() {
$(this).find(' 。 num').each(function(i) {
$(this).text( i)。
$(this).text(function(i, n){
var result = Number(n) 0;
if ( result < 10 ) {
return "0" result "。"。
} else {
return result "。"。
}
});
});
});
});
uj5u.com熱心網友回復:
實作這一點的一個方法是將本地陣列reverse()方法作為一個jQuery方法,貸給這個答案,以便在你遍歷這些元素之前將它們的順序倒轉。
還要注意,你的text()邏輯比它需要的要復雜得多。你正在設定一個立即被覆寫的值,毫無意義地添加0,并將已經是數字的值轉換為Number。你可以簡單地直接使用i,并使用slice()為其添加一個前導0。
說了這么多,試一下:
。jQuery.fn.reverse = [].reverse;
jQuery($ => {
$('.grid').each((i, el) =>; {
$(el).find('.num'/span>).reverse()。 text(i => `00${i 1}。 `.slice(-3) )。
});
});
<script src="https://cdnjs. cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>/span>
<div class="grid">/span>
<span class="num"/span>> </span>>
<span class="num"> </span>>
<span class="num"> </span>>
<span class="num"> </span>>
<span class="num"> </span>>
<span class="num"> </span>>
<span class="num"> </span>>
<span class="num"> </span>>
<span class="num"> </span>>
<span class="num"> </span>>
</div>/span>
<div class="grid">
<span class="num"/span>> </span>>
<span class="num"> </span>>
<span class="num"> </span>>
<span class="num"> </span>>
<span class="num"> </span>>
<span class="num"> </span>>
<span class="num"> </span>>
<span class="num"> </span>>
<span class="num"> </span>>
<span class="num"> </span>>
</div>/span>
<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/333755.html
標籤:
