Question

我正在使用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和许多其他多个选择器，但无济于事。

有什么想法吗？

Answer 1

您何时尝试执行为列表项着色的命令？我相信你必须把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'});
});

列表元素的jQuery选择器

1 个答案: