Vou tentar ser mais específico. Possuo uma lista <ul>
que é populada via jQuery:
var $imovel = $("#lista-resultados-pesquisa");
$.ajax({
type: 'GET',
url: 'imovel.json',
success: function(data) {
$.each(data.imovel,function(i, imovel){
$imovel.append('<li value="'+ imovel.preco +'">Meu conteudo</li>');
})
}
});
Pelo fato de os itens da minha lista não estarem no html, não consigo manipula-los... Por exemplo, preciso ordenar minha lista de acordo com o atributo value
das tags <li>
, e também preciso ter um botão loadMore
para limitar a quantidade de elementos que aparece na tela. Ja tenho isso, o problema é que não consigo manipular os itens da minha lista "<li>
" que estão sendo inseridos dinâmicamente, por assim dizer, oriundos do meu arquivo json local.
Vou mostrar as funcões para ordenação e loadMore que tenho comigo.
//LOADMORE
var size_li = $("#lista-resultados-pesquisa .intens-pesquisa").size();
var x=3;
$("#lista-resultados-pesquisa .intens-pesquisa:lt("+x+")").show();
$("#loadMore").click(function () {
x= (x+3 <= size_li) ? x+3 : size_li;
$("#lista-resultados-pesquisa .intens-pesquisa:lt("+x+")").show();
if(x == size_li){
$("#loadMore").hide();
}
});
//ORDENA
$('.ordena-menor').click(function() {
$("#lista-resultados-pesquisa .itens-pesquisa").sort(numOrdDesc).appendTo('#lista-resultados-pesquisa');
});
$('.ordena-maior').click(function() {
$("#lista-resultados-pesquisa .itens-pesquisa").sort(numOrdCres).appendTo('#lista-resultados-pesquisa');
});
function numOrdDesc(a, b) {
return ($(b).val()) < ($(a).val()) ? 1 : -1;
}
function numOrdCres(a, b) {
return ($(b).val()) > ($(a).val()) ? 1 : -1;
}
Valeu Gurizada, um forte abraço e um ótimo final de semana a todos!