Veja uma opção com CSS, mas deixo claro que não é muito semântico, pois mesmo com fonte 0 um leitor de tela pode ter acesso a esse texto...
A técnica consiste em "apagar" o texto dentro do link colocando o tamanho da font
como 0, porém vc usa um pseudo-elemento ::after
no link e usando a propriedade content:""
; vc coloca o texto novo.
Repare que apenas o elemento que o atributo href = /rota/rota1
vai receber o texto novo
[href="/rota/rota1"] {
font-size: 0;
color:red; /* cor de texto que o filho ::after vai herdar */
}
[href="/rota/rota1"]::after {
content: " MEU TEXTO NOVO";
font-size: 16px !important;
}
<td class="corpo-nome">
<a href="/rota/rota1">
guilherme
</a>
</td>
<td class="corpo-nome">
<a href="/rota/rota2">
João
</a>
</td>
Se queiser que apenas o link dentro da <td>
com classe .corpo-nome
tenha o texto alterado basta colocar o css dessa forma
.corpo-nome a{
font-size: 0;
color:red;
}
.corpo-nome a::after {
content: " MEU TEXTO NOVO";
font-size: 16px !important;
}
<table>
<tr>
<td class="corpo-nome">
<a href="/rota/rota1">
guilherme
</a>
</td>
</tr>
</table>
Tenha em mente que: o usuário pode até não ver o texto que escondemos com font-size: 0, mas o Bot do Google com certeza vai ler esse conteúdo... Vai resolver pra que vê com os olhos, mas para os crawlers e leitores de tela o texto vai continuar acessível...
guilherme
que está lá e depois colocar outro nome no lugar só com CSS é isso? Ou vc quer trocar o valor do href do link?