Olá galera, na explicação percebi que ao calcular a quantidade de itens o professor só pegou a quantidade de elementos dentro do array e não a quantidade real de cada item, que no caso é 8 e não 7, pois o "Telefone miPhone 18" possui quantidade igual a 2. Realizei o código separado para calcular a quantidade real ele fica mais ou menos assim:
Página index.html:
<!DOTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<title>JQuery II</title>
<link rel="stylesheet" type="text/css" href="carrinho.css">
</head>
<body>
<div class="carrinho">
<h2>Carrinho entrega em Sao Paulo</h2>
<table>
<thead>
<tr>
<td></td>
<td>Nome</td>
<td>Quantidade</td>
<td>Valor</td>
<td>Total</td>
</tr>
</thead>
<tbody>
<tr>
<td><img src="imagens/tablet.jpg"></td>
<td>Tablet miPad 18</td>
<td class="qtd-total-item">1</td>
<td>499.99</td>
<td class="preco-total-item">499.99</td>
</tr>
<tr>
<td><img src="imagens/telefone.png"></td>
<td>Telefone miPhone 18</td>
<td class="qtd-total-item">2</td>
<td>199.99</td>
<td class="preco-total-item">399.98</td>
</tr>
<tr>
<td><img src="imagens/sapato.jpg"></td>
<td>Sapato</td>
<td class="qtd-total-item">1</td>
<td>99.99</td>
<td class="preco-total-item">99.99</td>
</tr>
<tr>
<td><img src="imagens/monitor.jpg"></td>
<td>Monitor Sam 21</td>
<td class="qtd-total-item">1</td>
<td>299.00</td>
<td class="preco-total-item">299.00</td>
</tr>
<tr>
<td><img src="imagens/teclado.jpg"></td>
<td>Teclado com fio preto </td>
<td class="qtd-total-item">1</td>
<td>100.00</td>
<td class="preco-total-item">100.00</td>
</tr>
<tr>
<td><img src="imagens/mouse.jpg"></td>
<td>Mouse wireless</td>
<td class="qtd-total-item">1</td>
<td>199.00</td>
<td class="preco-total-item">199.00</td>
</tr>
<tr>
<td><img src="imagens/camiseta.jpg"></td>
<td>Camiseta G</td>
<td class="qtd-total-item">1</td>
<td>25.00</td>
<td class="preco-total-item">25.00</td>
</tr>
</tbody>
</table>
<div>
<div>
<p>Preço total do carrinho: R$ <span id="valorTotal"> 0 </span>
</div>
<div>
<p>Quantidade total de itens: <span id="qtdTotal"> 0 </span>
</div>
</div><!--div info valor e quantidade total-->
</div><!--fim div carrinho-->
<script src="js/jquery-2.2.0.min.js"></script>
</body>
</html>E agora o script:
<script>
//obter quantidade de todos os itens
var qtdItensTotal = 0;
$('.qtd-total-item').each(function(){
qtdItensTotal += parseFloat($(this).text());
});
$('#qtdTotal').text(qtdItensTotal);
</script>