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


1

Я использую 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'}); 

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

Любые идеи?

2

Когда вы пытаетесь выполнить эту команду, которая окрашивает элементы списка? Я считаю, что вам нужно будет положить конец функции обратного вызова 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'}); 
});