jQuery动画帮助

Question

我从查询中返回了动态数量的div，所有这些都与#li类有关。我希望他们都能顺利淡出，而不仅仅是出现。到目前为止，我正在使用此代码：

function loadTables() {
                $.get("display.php", { server: Server, username: Username, password: Password, database: Database, content: "tables" },
                    function(data){
                        html = ''
                        $(data).find("table").each(function() {
                            html = html + "<div id='li'>" + $(this).text() + "</div>";
                            });
                        $('#content').html(html);
                        $('#li').hide();
                        $('#li').fadeIn('slow');
                    }
                );
            }

但问题是，动画只适用于第一个div。它动画很好。但其余的都出现了。 jQuery.com上的文档说它为所有匹配元素执行此操作，但是，它似乎没有这样做。我该如何解决这个问题？

Answer 1

多个元素不能使用相同的ID 尝试用class替换id。

Answer 2

XML / HTML中的ID应该是唯一的。您应该将id更改为class，然后调用$（“。li”）而不是$（“＃li”）。 jQuery很可能在第一次出现时停止，因为这是标准的。