1

Estou com um problema que não sei o motivo... Tenho uma tabela no qual uma das colunas fica o input e quando onkeyup neste input, eu preciso pegar o innerHTML da coluna ao lado: printscreen

    <script type="text/javascript">
  $('#pedido').on('keyup', '.qte', function () {
    var x = $(this).closest('#custo').innerHTML;
       console.log(x)
  });
  </script>

Ele não está achando o #custo, volta a mensagem de undefined.

O que será que estou fazendo errado?

7

2 Respostas 2

0

Acredito que a sua duvida é simples e fiz um exemplo minimo:

function changeValue(e, value, obj) {
  document.getElementById(e).textContent = (value * obj.value);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
<table>
<tr>
 <td>1700,00</td>
 <td>
  <input type="number" onKeyUp="changeValue('s1', 1700, this)" />
 </td>
 <td><span id="s1">0</span></td>
</tr>
<tr>
 <td>2.000,00</td>
 <td>
  <input type="number" onKeyUp="changeValue('s2', 2000, this)" />
 </td>
 <td><span id="s2">0</span></td>
</tr>
</table>
</div>

Eu não tenho como refletir o seu exemplo, faltou a sua tabela criada para que eu possa entender como você fez a sua, isso é um norte, um caminho que pode ser seguido com as devidas alterações (protótipo).

1
  • 1
    Muito obrigado, era bem isso mesmo! Valeu! 8/10/2019 às 17:02
0

Jefferson, um id não pode ser repetido. Troque o id #custo por uma class="custo". E o .closest() não irá buscar um elemento "ao lado", ele busca um elemento pai mais próximo. E não use .innerHTML com objetos jQuery, use .text(), que irá retornar o texto do elemento. Em adicional, use .trim() para remover os espaços que o HTML gera ao indentar o texto dentro da célula.

Ficaria assim:

var x = $(this).closest('tr').find(".custo").text().trim();

O .closest("tr") irá buscar a linha do input e buscar a célula com a classe .custo e retornar o texto contido nela.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .