Boa tarde amigos, estou com dificuldades em encontrar uma solução lógica para resolver meu problema em um loop (for)
Dentro de uma tabela, temos uma informação de preço na tag: <p class="preco-plano">R$44</p>
e criei uma tag em branco:<p class="milesQnt"></p>
para a quantidade de milhas no caso. A quantidade de milhas é de 1 para 1, ou seja 1 real equivale uma milha, portanto na <tr>
onde o valor for 420 reais, a quantidade de milhas deve ser 420 reais.
Vejam o código abaixo:
$(function(){
$(document).ready(function(){
let milesToWrite = $('.milesNumber');
let tableRow = $('tr');
for(i=0; i<tableRow.length; i++) {
let milesNumber = $('tableRow[i] preco-plano').split('$')[1];
milesToWrite.textContent = milesNumber + "milhas";
}
});
});
<table class="tabela resultados">
<tr>
<th>Preço</th>
<th>Milhas</th>
</tr>
<tr>
<td><p class="preco-plano">R$44</p></td>
<td>
<span><p class="milesQnt"></p></span>
<span><input type="button" value="AVANÇAR"></span>
</td>
</tr>
<tr>
<td><p class="preco-plano">R$140</p></td>
<td>
<span><p class="milesQnt"></p></span>
<span><input type="button" value="AVANÇAR"></span>
</td>
</tr>
<tr>
<td><p class="preco-plano">R$420</p></td>
<td>
<span><p class="milesQnt"></p></span>
<span><input type="button" value="AVANÇAR"></span>
</td>
</tr>
</table>
<script src="skin/jquery-3.2.1.min.js"></script>
Eu fiz um laço de repetição que deve passar por todas as <tr>
da tabela e alterar o valor da tag de milhas em branco pelo número que há na tag de preço... porém ao tentar acessar o preço do plano dentro da tableRow[i] (que é a tr que o loop está no momento) da erro. eu compreendo que minha semântica está errada, porém ao tentar acessar o "preco-plano" sem definir a posição do loop, ele altera apenas a primeira tag e não as demais.
Preciso de sugestões!
eu poderia chamar primeiro a variável e depois usar o jquery para selecionar a query do preço? por exemplo criar uma variável: let x = $('.preco-plano')
e então chamar desta forma dentro do loop tableRow[i].x
?
Eu deveria usar o forEach
invés do for
para o loop?
minha lógica está errada, deveria fazer o loop direto pela tag à ser substituída, no caso: milesQnt
invés de <tr>
?
Agradeço desde já!