Necesito recoger todos los elementos que tienen la clase "events" en un array, para posteriormente recorrer el array en búsqueda de un atributo, ya sea por ejemplo, "blablabla". Si tiene "blablabla", le añadiré la clase "newClass".
He hecho la prueba con un script simple para seleccionar uno solo, y añadirle la clase. Pero me da error de "addClass is not a function".
Script:
$(document).ready(function(){
console.log($(".day-schedule").find(".events")[1].addClass("newClass"));
});
Sin embargo, si le quito el selector del array "1", si me incluye la clase en todos los elementos.
HTML:
<ul>
<li class="day-schedule"><div>Monday</div>
<ul class="day">
<li class="events" atributo"blablabla">
<span>Hurduring</span>
</li>
<li class="events">
<span>Hurduring</span>
</li>
<li class="events" atributo"blablabla">
<span>Hurduring</span>
</li>
<li class="events">
<span>Hurduring</span>
</li>
</ul>
</li>
<li class="day-schedule"><div>Wednesday</div>
<ul class="day">
<li class="events" atributo"blablabla">
<span>Hurduring</span>
</li>
<li class="events">
<span>Hurduring</span>
</li>
<li class="events" atributo"blablabla">
<span>Hurduring</span>
</li>
<li class="events" atributo"blablabla">
<span>Hurduring</span>
</li>
</ul>
</li>
</ul>
Jfiddle del código: Jfiddle URL