Estoy usando jQuery para lograr lo siguiente:
El siguiente código solo funciona para uno de los divs. ¿Qué cambio para que recorra todas las instancias de div con la misma identificación?
$('#general-block').each(function() { if ($('general-block:has(li)').length) { $('general-block').addClass('testing-block'); } }); // The class 'testing-block' should be added to the first two divs with the id 'general-block' as they have li elements. <div id='general-block' class='block'> <ul> <li>Test</li> <li>Test</li> </ul> </div> <div id='general-block' class='block'> <ul> <li>Test</li> <li>Test</li> </ul> </div> <div id='general-block' class='block'> <p>Class won't apply to the parent div</p> </div>No puede tener varios elementos con la misma identificación, la identificación debe ser única
puede usar .each a través de class y Agregar clase personalizada para cualquier div tiene li
$('.general-block').each(function() { if ($(this).children().find('li').length>0) { $(this).addClass('testing-block'); } }); <div class='general-block block'> <ul> <li>Test</li> <li>Test</li> </ul> </div> <div class='general-block block'> <ul> <li>Test</li> <li>Test</li> </ul> </div> <div class='general-block block'> <p>Class won't apply to the parent div</p> </div>Como se especificó anteriormente, no puede tener varios elementos con la misma identificación, la identificación debe ser única.
Sin embargo, es totalmente posible agregar una clase si el elemento tiene un hijo específico.
$(".block:has(li)").addClass('testing-block');Un selector de clase devolverá todas las coincidencias. La identificación es solo la primera. Todas las coincidencias de elementos es lo que funcionaría bien aquí.
Pero nuevamente, para elementos únicos, use diferentes ID.
$('#general-block > ul').each(function() { if ($('general-block:has(li)').length) { $('general-block').addClass('testing-block'); } });también la identificación debe ser única