Quiero eliminar o deshabilitar el atributo de la etiqueta de anclaje que se encuentra en <div class="removetag"> de JavaScript sin dar una id específica a una etiqueta de anclaje, podemos usar la clase div para eso.
Por favor, ayúdame cómo puedo hacer esto.
Mi código
<div class="removetag"> <a href="google.com"> google </a> </div> <div class="notremove"> <a href="google.com"> google </a> </div>Creo que esto es lo que necesitas:
document.querySelector('.removetag a').removeAttribute('href')Como ha etiquetado la pregunta con jQuery , puede resolver su problema de esta manera:
$(".removetag a").removeAttr("href");Manifestación
$(".removetag a").removeAttr("href"); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="removetag"> <a href="google.com"> google </a> </div> <div class="notremove"> <a href="google.com"> google </a> </div>para eliminar un atributo, debe usar removeAttribute('attributeName') : removeAttribute('href')
para seleccionar una clase use querySelector . Sin embargo, esto solo devolverá el primer elemento con esta clase. Para obtener todos los elementos con esta clase, debe usar querySelectorAll y usar forEach para dar un comando a todos esos elementos.
var removetag = document.querySelectorAll('.removetag a'); removetag.forEach(el => el.removeAttribute('href')); <div class="removetag"> <a href="google.com"> google </a> </div> <div class="notremove"> <a href="google.com"> google </a> </div> <div class="removetag"> <a href="google.com"> google </a> </div> <div class="notremove"> <a href="google.com"> google </a> </div>