É só fazer um .each
pela classe .preco-plano
e alterar o texto da classe .milesQnt
que tem em comum a mesma linha tr
:
$(document).ready(function(){
$(".tabela .preco-plano").each(function(){
var milesToWrite = $(this).text().split('$')[1];
$(this).closest("tr").find(".milesQnt").text(milesToWrite);
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<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>
Veja que foi preciso muito menos código do que o que você tentou. Também havia alguns erros no seu código, como por exemplo:
$('tableRow[i] preco-plano').split('$')[1];
Você tentou fazer split no elemento, e não no texto.
Outra coisa é que você está repetindo o evento ready
:
Isso $(function(){
e isso $(document).ready(function(){
são a mesma coisa.