Pergunta simples, mas não consigo encontrar uma forma de fazer. Preciso substituir um valor dentro de uma das "células" de cada linha desta tabela. Segue o código (extenso, mas simples):
<div class="col s12">
<div class="analists">
<div class="analists-header">
<div class="line">
<div class="col s3">
Login
</div>
<div class="col s5">
Nome
</div>
<div class="col s2">
Chat em Andamento
</div>
<div class="col s2">
Max Chats
</div>
</div>
</div>
<div class="analists-content">
<div id="listAgent">
<div class="line">
<div class="col s3">
601305
</div>
<div class="col s5">
601305
</div>
<div class="col s2">
4
</div>
<div class="col s2">
4
</div>
</div>
</div>
<div id="listAgent">
<div class="line">
<div class="col s3">
601150
</div>
<div class="col s5">
601150
</div>
<div class="col s2">
2
</div>
<div class="col s2">
4
</div>
</div>
</div>
<div id="listAgent">
<div class="line">
<div class="col s3">
601160
</div>
<div class="col s5">
601160
</div>
<div class="col s2">
1
</div>
<div class="col s2">
4
</div>
</div>
</div>
<div id="listAgent">
<div class="line">
<div class="col s3">
601560
</div>
<div class="col s5">
601560
</div>
<div class="col s2">
2
</div>
<div class="col s2">
4
</div>
</div>
</div>
<div id="listAgent">
<div class="line">
<div class="col s3">
601226
</div>
<div class="col s5">
601226
</div>
<div class="col s2">
3
</div>
<div class="col s2">
4
</div>
</div>
</div>
<div id="listAgent">
<div class="line">
<div class="col s3">
601457
</div>
<div class="col s5">
601457
</div>
<div class="col s2">
3
</div>
<div class="col s2">
4
</div>
</div>
</div>
</div>
</div>
</div>
Pois bem. Tentei por bastante tempo, e o mais próximo que conseguir chegar foi nisso:
$('.s3').text($('.s3').text().includes('601305') ? 'teste' : '');
para ver se conseguia substituir o valor de 601305 na tabela na primeira coluna pela palavra 'teste', mas fazendo isso acabo por substituir isso na coluna inteira, todas as células ficam iguais. Preciso colocar uma palavra diferente pra cada código em cada célula, então preciso me referir apenas a aquela célula da tabela, e não a coluna toda. O problema é que a classe de todas as linhas/colunas é igual, não consigo me referir a uma sozinha.
Como devo proceder?
id
é unico é mais importante do que parece, pois irá garantir que a sua página está correta, e ids repetidos podem fazer com que várias partes do seu site possam não funcionar corretamente, desde<input>
,<radio>
, css, javascript, etc. Por isso aconselho vivamente a alterar os ids e respetivamente ajustar o resto da página para que funcione com os novos ids/classes. Aproveite e veja como a documentação indica que o atributo id tem de ser único numa página.