Селекторы jQuery для элементов списка - PullRequest
Новая
       10

Селекторы jQuery для элементов списка

1 голос
/ 22 февраля 2009

Я использую jQuery и jQuery UI.

Используя функцию getJSON, мы создаем элементы списка и добавляем их к элементу OL. Вот код: 

$.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');

        });
    });

Я пытаюсь выбрать элементы списка, используя jQuery. Если я вручную добавлю список на страницу HTML, он будет работать. Однако программное добавление элементов списка в OL не позволяет ему выбирать - по крайней мере, из того, что я пробовал. 

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

Я пытался использовать идентификаторы и многие другие множественные селекторы, но безрезультатно.

Есть идеи?

1 Ответ

2 голосов
/ 22 февраля 2009

Когда вы пытаетесь выполнить эту команду, которая окрашивает элементы списка? Я полагаю, вам придется поставить в конце функцию обратного вызова getJSON следующим образом: 

$.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'});
});
...