動態增加數（計算單元）

Question

我試圖把在元素列表中的號碼 - 動態越來越多的 - 這樣的：

1. text 
2. text 
3. ... 
... 

到目前爲止，我有這樣的：

var c = { 
    current: 0, 
    count: function() { 
     this.current++ 
    } 
} 
$('.box').each(function (index) { 
    $(".number").text(c.current + 1); 
    c.count(); 
}); 

• 參見jsfiddle。但是我錯過了什麼？我如何給每個元素分配自己的數字？

謝謝。

Answer 1

http://jsfiddle.net/Qzk3P/4/，你忘了添加上下文參數，見下面的例子：

$(".number", this).text(c.current + 1); 

通知this

編輯：我添加了另一個例子用CSS屬性計數器，你也可能會喜歡它： http://jsfiddle.net/Qzk3P/6/

Answer 2

var c = { 
    current: 0, 
    count: function() { 
     this.current++ 
    } 
} 
$('.box').each(function (index,v) { 
    $(v).children(".number").text(++c.current); 
    //c.count(); 
}); 

Answer 3

您正在更改".number"的文字，該文字恰好存在4次。更新您的代碼，這樣的：

$('.box').each(function (index) { 
    $(".number", this).text(c.current + 1); 
    c.count(); 
}); 

的this是上下文。所以你只在當前迭代中尋找".number"元素".box"

Answer 4

你也似乎在嘗試做太多。

這就是你需要做的一切。

var count = 0; 
$('.box').each(function (index) { 
    count ++; 
    $(".number", this).text(count); 
}); 

http://jsfiddle.net/Qzk3P/5/