Como já foi explicado, o <input>
de onde parte o código não tem irmãos, e está sozinho no <td>
, logo tanto next
, como nextAll
ou find
não encontram nada. Precisa de primeiro ir para até ao <td>
(pai), depois navegar para outro <td>
e aceder ao seu filho.
Pode fazer isso com parent
, next
, children
e first
function xxx(elem){
$(elem).parent().next().children().first().val("150");
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tr>
<th>Linha X</th>
<td><input type="number" name="AAA"></td>
<td><input type="number" name="BBB" onchange="xxx(this)"></td>
<td><input type="number" name="CCC" disabled></td>
<td><input type="number" name="DDD" disabled></td>
</tr>
</table>
Ou de forma mais dinamica com closest
e find
:
function xxx(elem){
$(elem).closest("tr").find("[name=CCC]").val("150");
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tr>
<th>Linha X</th>
<td><input type="number" name="AAA"></td>
<td><input type="number" name="BBB" onchange="xxx(this)"></td>
<td><input type="number" name="CCC" disabled></td>
<td><input type="number" name="DDD" disabled></td>
</tr>
</table>
Esta forma é mais dinâmica e torna o html mais flexível, para além de ser mais simples também.
O closest
navega para cima até ao <tr>
, e o find
navega para baixo até ao elemento que interessa de acordo com o seletor especificado.
Se precisar de aceder a vários é melhor utilizar um seletor genérico no find
e obter o array que representa os elementos capturados:
function xxx(elem){
const inputs = $(elem).closest("tr").find("input");
inputs.eq(0).val("100"); //AAA
inputs.eq(2).val("150"); //CCC
inputs.eq(3).val("200"); //DDD
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tr>
<th>Linha X</th>
<td><input type="number" name="AAA"></td>
<td><input type="number" name="BBB" onchange="xxx(this)"></td>
<td><input type="number" name="CCC" disabled></td>
<td><input type="number" name="DDD" disabled></td>
</tr>
</table>
O acesso à posição é dado pelo método eq
. Lembre-se que com este seletor captura todos os <input>
incluindo o próprio de onde partiu o evento.
find()
consigo buscar todos elementosinput
do form, mas não consegui posicionar o seletor no elemento que vem pelothis
, se não era só chamar o próximo da lista... mas não deu não... rsparents('tr').find('th').eq(3)
depois o input. Vou fazer uns testes aqui.