Tengo un script que llama y les muestra el número de teléfono de los usuarios en un encabezado. Eso funciona muy bien. Sin embargo, necesito cambiar el texto de la página que no puedo editar directamente. Hay un número de teléfono que necesito reemplazar con la misma identificación que el encabezado.
¡Ayúdenme a cambiar el número href 800 y el número span 800 con jQuery, por favor! ¡Estoy atascado!
El siguiente código está codificado y no tengo acceso para cambiarlo. Por lo tanto, debe hacerse dinámicamente.
<div class="flex-item flex-item-nogrow navbar-icon" id="navbarPhoneNumber"> <a href="tel:8005555555" class="flex-wrapper align-items-center navbar-icon-link"> <i class="fa fa-phone" aria-hidden="true"></i> <span>(800) 555-5555</span> </a> </div>he intentado esto
$("#navbarPhoneNumber a").html("<i class='fa fa-phone' aria-hidden='true'></i><span id='phonenumber'></span>");No funcionó.
$("#navbarPhoneNumber a").replaceWith("<i class='fa fa-phone' aria-hidden='true'></i><span id='phonenumber'></span>");Prueba esto
var $phoneNumberA = jQuery('#navbarPhoneNumber a'); var $phoneNumber = jQuery('#navbarPhoneNumber span'); $phoneNumberA.attr('href', $phoneNumberA.attr('href').replace(/(tel:...)/, 'tel:123')); $phoneNumber.text($phoneNumber.text().replace(/\(.*\)/, '123'));