jQuery遍历页面中的class获取值并累加

  •   
  • 6754
  • jQuery
  • 5
  • super_dodo
  • 2014/01/15

当一个页面中需要根据class统计出该class的值并进行累加,当前端变化的时候也能相应的去变更该统计值,即前端的统计功能.

页面中的html类似

共有<span id="cntShow" style="font-size:16px;margin:0 10px;color:#ff3600;"></span>个
<span class="total">11</span>
<span class="total">22</span>
<span class="total">33</span>
<span class="total">44</span>

//利用jquery遍历id 获取累加和:

<script type="text/javascript">
	var cnt= 0;			
	$(".total").each(function(){
		cnt += Number(parseInt($(this).text()));	
	});
	
	alert(cnt);		//得到累加后的值
	$("#cntShow").html('').html(cnt);
</script>

屌丝的低贱之处就是,好不容易努力进入了一个高富帅行业,不是赶紧也把自己提升到人家这个行业的水平,赶紧咸鱼翻身,鲤鱼跳龙门,而是把整个行业的水平都拉下来,这就是人贱的原因。