I have the following code that generates a dynamic slider , but the first-child property does not work. What is the problem?
var elementoSlider = $('#dados-slider');
var mostraImagem = "";
var mostraDadosImagem = "";
$('ul.slider li:first-child').addClass('slider-active');
$.ajax({
url: urlBase + "loja/slider",
method: 'GET'
}).done(function(retorno)
{
mostraImagem += "<ul id='sliders' class='slider'>";
retorno.data.forEach(function(item)
{
mostraDadosImagem = "<li><img src='" + urlBase + "imagem/slide/" + item.loja_slider_id + "/jpg' alt='Imagem Slider' title='Imagem Slider' class='imagem-slider' /><h1>Nome da Loja</h1></li>";
mostraImagem += mostraDadosImagem;
})
mostraImagem += "</ul>";
elementoSlider.html(mostraImagem);
}).fail(function(data)
{
console.log("Erro de slider");
});
});