统计所有div元素，并使用jQuery添加跨度内的每个数字 [英] Count all div elements and add each number inside span using jQuery

问题描述

我需要在页面中显示每个div的数量

然后在span中添加每个div的值

所以如果我在页面内部有4个div，像这样

 < div>第一个div< / div> 
< div>第二个div< / div> 
< div>第三个div< / div> 
  

每个div都需要显示他的顺序并且是这样的

 < div>第一个div< span> 1< / span>< / div> 
< div>第二个div< span> 2< / span>< / div> 
< div>第三格< span> 3< / span>< / div> 
  

jsfiddle中的这个html示例代码

http://jsfiddle.net/CtDLe/

我需要使用jQuery的输出为这样

http://jsfiddle.net/CtDLe/1/

解决方案

简单每个循环做的诀窍：

  $（div）。each（function（i）{
 $（this）.find（span）.text（++ i）; 
}）; 
  

演示： http://jsfiddle.net/CtDLe/3/

I need to show each number of div in the page in order

And add the value of each div inside span

so if I have 4 divs inside page like this

<div>first div</div>
<div>second div</div>
<div>third div</div>

every div need to show his order and be like this

<div>first div <span>1</span></div>
<div>second div <span>2</span></div>
<div>third div <span>3</span></div>

This html example code in jsfiddle

http://jsfiddle.net/CtDLe/

I need the output to be like this using jQuery

http://jsfiddle.net/CtDLe/1/

解决方案

Simple each loop does the trick:

$("div").each(function(i) {
    $(this).find("span").text(++i);
});

Demo: http://jsfiddle.net/CtDLe/3/

这篇关于统计所有div元素，并使用jQuery添加跨度内的每个数字的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！