Como te digo en mi comentario, puedes hacerlo sin necesidad de una Expresión Regular. Mi respuesta muestra esta posibilidad.
SOLUCIÓN
Asumiendo que las cadenas que contienen los elementos tipo anchor
están bien formadas, puedes crear tu propia función que elimine el atributo href
de dichos elementos, usando simples matemáticas y los métodos propios del tipo String
de javascript.
Por ejemplo, puedes tener una función, que llamaré getRidOfHref
, la cual recibirá la cadena en cuestión y mediante una serie de cálculos y operaciones sobre la misma se deshará de dicho atributo:
const getRidOfHref = anchorString => {
if (!anchorString || !anchorString.includes('href="')) {
return anchorString;
}
// ...
}
Lo primero que hace mi función es verificar si la cadena está vacía o si la misma no contiene la cadena href="
, usando includes()
.
Ahora debemos obtener el índice de href="
, para ello usaremos el método indexOf()
:
let indexOfHref = anchorString.indexOf('href="');
Una vez que conocemos la posición de dicho elemento, podemos ubicar la posición de la doble comilla que cierra el atributo href
. Esto lo hacemos con la subcadena resultante que comienza justo donde termina href="
.
let indexOfLastDoubleQuotes = anchorString.substring(indexOfHref + 6).indexOf('"');
Aquí hemos usado el método substring()
, para obtener la subcadena adecuada. Como se observa, uso el índice donde comienza href="
y le sumo exactamente 6 caracteres, que son los que componen la cadena href="
.
Podemos ver esto en acción:
let cadena = '<a href="https://www.midominio.com/sistema/index.php?option=adm_cof&item=14&adm=1362" target="_blank">GEC-4789</a>';
let indexOfHref = cadena.indexOf('href="');
let subcadena = cadena.substring(indexOfHref + 6);
console.log(subcadena);
.as-console-wrapper {
min-height: 100%;
top: 0;
}
Ahora que ya sabemos el índice del cierre de comillas del atributo href
, podemos extirpar esa parte de nuestra cadena. Para ello usaremos una serie de operaciones.
Primero obtenemos la parte inicial de la cadena, la llamaremos pre
para ser concisos:
let pre = anchorString.substring(0, indexOfHref);
Luego obtendremos la parte que viene justo después del cierre del atributo href
, la llamaremos post
:
let post = anchorString.substring(indexOfHref + 6).substring(indexOfLastDoubleQuotes + 1);
Como se observa, obtengo la cadena desde la posición indexOfHref + 6
, y de esa parte obtengo todo lo que hay a partir de indexOfLastDoubleQuotes + 1
.
Teniendo ya la parte inicial (pre
) y final (post
), podemos unirlas, y para ello nos apoyamos en el método concat()
. Además, la parte post
contiene un caracter de espacio al inicio, y para deshacernos de ese espacio, podemos usar el método trim()
. Como esto es el resultado final, podemos devolverlo directamente usando la sentencia return
.
return pre.concat(post.trim());
Con esto ya tienes un método para deshacerte del atributo href
en una cadena bien formada que represente un elemento anchor
.
Un ejemplo de esta función:
// diferentes cadena, con atributos href distintos
// la última cadena carece de atributo href
let cadenas = [
'<a href="https://www.midominio.com/sistema/index.php?option=adm_cof&item=14&adm=1362" target="_blank">GEC-4789</a>',
'<a href="https://www.midominio.com/sistema/index.php?option=adm_cof&item=14&adm=1334" target="_blank">GEC-4788</a>',
'<a href="https://www.midominio.com/sistema/index.php?option=adm_cof&item=14&adm=45" target="_blank">GEC-4543</a>',
'<a href="https://www.midominio.com/sistema/index.php?option=adm_cof&item=14&adm=2345" target="_blank">GEC-4756</a>',
'<a href="https://otro.dominio.com" target="_blank">GEC-4756</a>',
'<a target="_blank">GEC-4756</a>'
];
const getRidOfHref = anchorString => {
if(!anchorString || !anchorString.includes('href="')) {
return anchorString;
}
let indexOfHref = anchorString.indexOf('href="');
let indexOfLastDoubleQuotes = anchorString.substring(indexOfHref + 6).indexOf('"');
let pre = anchorString.substring(0, indexOfHref);
let post = anchorString.substring(indexOfHref + 6).substring(indexOfLastDoubleQuotes + 1);
return pre.concat(post.trim());
}
cadenas.forEach(cadena => console.log(getRidOfHref(cadena)));
.as-console-wrapper {
min-height: 100%;
top: 0;
}
Espero que esto te ayude a resolver el problema.
indexOf()
,includes()
,substring()
,concat()
y compañía. Saludoshtml
, bastará con manipular el elemento o elementos tipoanchor
, para remover el atributohref
del mismo. Esa sería otra opción válida. Saludos