當兩者都實現相同的事情時，編寫此代碼的首選方式是什麼？

Question

我在這裏有一個函數，循環兩個包裝，然後通過它的各自的孩子循環，並引發它一個數字列出的項目按數字順序。我沒有使用for循環，而是決定使用每個jQuery函數。這裏是我的問題：

哪種方式是更好地實現這一目標，什麼是轉到一個這樣或那樣的優勢/劣勢？使用for循環更好嗎？

此：

$(".articleContentWrapper").each(function() { 
    var i = 1; 
    $(this).find(".howToStepNumber").each(function() { 
     var b = i++; 
     $(this).html(b); 
    }); 
}); 

或者這樣：

$(".articleContentWrapper").each(function() { 
    var i = 1; 
    $(this).find(".howToStepNumber").each(function() { 
     $(this).html(i++); 
    }); 
}); 

Answer 1

這個怎麼樣？

$(".articleContentWrapper").each(function() { 
    $(this).find(".howToStepNumber").each(function (i, e) { 
     $(this).html(i + 1); 
    }); 
}); 

.each()方法已經提供了一個索引持有者，所以你不需要自己創建一個。

Answer 2

，我可能會寫爲：

$(".articleContentWrapper").each(function() { 
    $(".howToStepNumber", this).each(function (i) { 
     $(this).html(i); // or i+1 depending on what you want 
    }); 
}); 

的發現真的是沒有必要要麼，使語句更長。

Answer 3

var wrapper = $(".articleContentWrapper"); 
$(".howToStepNumber", wrapper).text(function (i) { 
    return (i % (wrapper.length + 1)) + 1; 
});​ 

http://jsfiddle.net/kVUBu/1/

Answer 4

嘗試像下面，

$(".howToStepNumber", $(".articleContentWrapper")).html(function() { 
    return $(this).index() + 1; 
}); 

DEMO