sélecteurs jQuery pour les éléments de la liste

Question

J'utilise jQuery et jQuery UI.

En utilisant la fonction getJSON, nous créons des éléments de la liste et les annexant à un élément OL. Voici le code:

$.getJSON("http://localhost/b/t.php", function(data){

        $.each(data, function(i, thet){
            //alert(thet.fname)
            var t = '<li class="name" id="p' + thet.pid + '">' + thet.pid + ' ' + thet.fname + ' ' + thet.lname + '</li>';

            $(t).appendTo("#" + thet.tour + 'list');

        });
    });

Je suis en train de sélectionner des éléments de la liste en utilisant jQuery. Si je mets manuellement une liste dans la page HTML, cela fonctionnera. Cependant, annexant les éléments de programatically liste à un OL, ne permet pas de sélectionner -. Au moins ce que j'ai essayé

$('li:last-child').css({color: 'red', backgroundColor: 'black'});

Je l'ai essayé d'utiliser d'ID et de nombreux autres sélecteurs multiples, sans résultat.

Toutes les idées?

Answer 1

Lorsque vous essayez d'exécuter cette commande que les couleurs des éléments de la liste? Je crois que vous devez mettre à la fin de la fonction de rappel de getJSON comme suit:

$.getJSON("http://localhost/b/t.php", function(data){
    $.each(data, function(i, thet){
        //alert(thet.fname)
        var t = '<li class="name" id="p' + thet.pid + '">' + thet.pid + ' ' + thet.fname + ' ' + thet.lname + '</li>';

        $(t).appendTo("#" + thet.tour + 'list');
    });
    $('li:last-child').css({color:'red',backgroundColor:'black'});
});