He combiando ambas soluciones en esto:
Código:
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', myFunction, false);
function myFunction(){
var field = document.querySelectorAll(".field-especifico");
for(var k=0;k<field.length;k++){
field[k].innerHTML = field[k].innerHTML.split(",")[0];
}
}
</script>
Y funciona.
Tu propuesta, mpzo, me hacía un efecto de borrarme todos los divs dentro de .field-especifico. Me dejaba esto:
Código:
<div class="field-especifico">
<div class="field-b">
<div class="field">
A Coruña, Galicia, España
</div>
</div>
</div>
Así:
Código:
<div class="field-especifico">
A Coruña
</div>
No comprendo exactamente el porqué. Pero no puede ser, porque "A Coruña" tiene unos estilos por css muy concretos por asociación de field-b y field, que luego se repiten en otras partes del sitio sin relación con este problema.
Esta vez sí que está solucionado.
Un gran saludo.