列表元素的jQuery选择器


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