Estoy tratando de eliminar una función de alternancia de la página cuando un childElement no está presente. Esto tiene que hacerse en vainilla javascript. Desafortunadamente, no puedo usar jQuery. Esto es lo que está pasando.
cuando ejecuto esto en la consola
let content = document.getElementById('productItemRates-1'); console.log(content.firstElementChild);Se devuelve un fragmento de código para verificar si childElement está presente:
<div class="product-rate-card"> <div class="product-rate-card-title"> <strong>Clean Power</strong> <button type="button" class="card-btn-plain card-tooltip" data-toggle="modal" data-target="#PK1" data-original-title="" title=""> </button> </div> </div>Cuál es el firstElementChild: div.product-rate-card
Lo que estoy tratando de hacer: definir la lógica para eliminar solo el botón de alternancia de todas las ubicaciones en la página (no específico del elemento) si el firstElementChild: .product-rate-card específico no está presente en ParentID: productItemRates-1 . Hay otras referencias de childElement: .product-rate-card que se encuentran en otros ID de padres dentro de la página. Además, la lógica de orden no funcionará porque otros elementos secundarios pueden ocupar su lugar cuando no está presente.
Usé el siguiente código para probar la eliminación, funcionó, simplemente no puedo descifrar la lógica de acondicionamiento.
document.querySelectorAll(".product-rates-toggle").forEach(el => el.remove());Agradezco cualquier orientación..
// replace document to content if (!document.querySelector(".product-rate-card")) { for (const el of document.querySelectorAll(".product-rates-toggle")) { el.remove(); } }Basado en un comentario tuyo:
const toggleratecard = document.querySelector("#productItemRates-1"); if (toggleratecard.querySelector('.product-rate-card') === null) { toggleratecard.querySelectorAll(".product-rates-toggle").forEach(el => el.remove()); } } Desafortunadamente, su pregunta no ofrece ninguna información sobre dónde está la palanca que debe eliminarse. Mi respuesta asume que está en el toggleratecard . Puede reemplazarlo con el document si es necesario eliminar todos los conmutadores en toda la página.
Además, por lo que escribe, no está del todo claro si el elemento, si está presente, debe ser el primer elemento secundario.