列表元素的 jQuery 选择器

发布于 2024-07-13 22:47:52 字数 710 浏览 7 评论 0原文

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

有任何想法吗？

原文

I am using jQuery and jQuery UI.

Using the getJSON function, we are creating list elements and appending them to an OL element. Here's the 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');

        });
    });

I am trying to select list elements using jQuery. If I manually put a list in the HTML page, it will work. However, programatically appending the list items to an OL, doesn't allow it to select - at least from what I've tried.

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

I've tried using ID's and many other multiple selectors, to no avail.

Any ideas?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

深海夜未眠 2024-07-20 22:47:52

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

When are you trying to execute that command that colors the list items? I believe you'll have to put at the end of the callback function of getJSON as follows:

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

回复收藏 0 原文

~没有更多了~