Quiero ocultar la clase "aa" si el primer elemento div está vacío en la clase "ca". Por favor guíame
Mi código de muestra:
<div class="aa"> <div class="ca"> <div></div> <div class="cb"></div> <div class="cc"></div> </div> <div>¡Agradezco su respuesta!
Puede verificar si el primer childNode del elemento principal .ca tiene contenido y luego apuntar a .aa desde allí si no lo tiene:
//If there is no content within the first div of the class="ca" div... //choose between textContent and innerHTML below //based on whether it is going to have any text or some HTML within (with possibly no text) if (!document.querySelector('.ca').childNodes[0].innerHTML) { //hide the class="aa" div document.querySelector('.aa').style.display = 'none'; }Puede usar children(":first") para obtener el primer hijo de div como
$(document).ready(function(){ if($('.ca').children(":first").text() == ""){ $('.aa').hide(); } }); $(document).ready(function(){ if($('.ca').children(":first").text() == ""){ $('.aa').hide(); } }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="aa"> <div class="ca"> <div></div> <div class="cb">A</div> <div class="cc">B</div> </div> <div>