Hola gente, necesito crear una lista dinámicamente a través de jquery pero al momento de agregar un LI nuevo necesito también asignarle una clase diferente a los elementos pares contra los impares....
Como se puede agregar clases diferentes en el mismo momento de crear los LI?
En el código de más abajo puedo asignar estilos pero uno sobreescribe al otro...
Les dejo mi código para que lo vean:
Código HTML:
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var elementoLi = document.getElementsByTagName("li");
$('#agregaLi').click(function () {
if(elementoLi.length % 2 == 0 || elementoLi.length == 0){
$("#lista").append( '<li>' +'Nuevo elemento impar');
$("li").addClass("impar")
}
else{
$("#lista").append( '<li>' +'Nuevo elemento par');
$("li").addClass("par")
}
});
</script>
<STYLE type="text/css">
.par{color: red}
.impar{color: blue}
</STYLE>
</head>
<body>
<!-- crea un nuevo elemento en la lista -->
<button id="agregaLi">Nuevo li</button>
<ol id="lista"> </ol>
</body>[HTML]
[/HTML]