Tengo una cadena que tiene múltiples etiquetas de anclaje pasadas a la interfaz en ReactJs. Esta cadena viene dada por la llamada de servicio.
eg: "<a href=\"https://www.google.com\" target=\"_blank\"> National ID </a><a href=\"https://www.yahoo.com\" target=\"_blank\"> National ID </a>" Quiero mostrar la identificación nacional una vez y abrir ambos enlaces en una página en blanco. Descubrí que al obtener los enlaces href , puedo crear una función onclick que abre ambos enlaces.
Quería saber cómo extraer href de la cadena. ¿O hay una mejor manera de resolver el problema que tengo? Gracias de antemano por cualquier sugerencia y solución.
Entonces, si tiene un gran volumen de etiquetas de anclaje, puede extraer todos los valores href y agregar los valores href en la matriz.
Código dado a continuación
let hrefValues=document.getElementsByTagName('a') let hrefArray = []; for (var i = 0; i<hrefValues.length; i++) { hrefArray.push(hrefValues[i].href); } console.log(hrefArray); <a href="https://www.google.com/1" target="_blank"> <a href="https://www.google.com/2" target="_blank"> <a href="https://www.google.com/3" target="_blank"> <a href="https://www.google.com/4" target="_blank"> <a href="https://www.google.com/5" target="_blank">Use expresiones regulares para analizar cadenas y extraer enlaces, como este:
const input = '<a href="https://www.google.com" target="_blank"> National ID </a><a href="https://www.yahoo.com" target="_blank"> National ID </a>'; const regex = /href="(\S*)"/g; const links = Array.from(input.matchAll(regex), m => m[1]);