javascript - jQuery 将 li 附加到 ul-6ren

javascript - jQuery 将 li 附加到 ul

转载作者：行者123 更新时间：2023-11-27 23:34:40

26

4

我想使用 jQuery 将图像添加到列表中

index.html:

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="styles.css">
    <script src="main.js"></script>
</head>
<body>
    <table class="center">
        <tr>
            <td>
                <ul id="fistImagesList"></ul>
            </td>

            <td>
                <ul id="secondImagesList"></ul>
            </td>

            <td>
                <ul id="thirdImagesList"></ul>
            </td>

            <td>
                <ul id="fourthImagesList"></ul>
            </td>
        </tr>
    </table>
</body>
</html>

和 jQuery:

(function ($) {
    firstName = "";
    secondName = "";

    fillList("fistImagesList");
    fillList("secondImagesList");
    fillList("thirdImagesList");
    fillList("fourthImagesList");

    function fillList(name) {
        for (var i = 0; i < 4; i++) {
            var randomNumber = Math.floor(Math.random() * imgArray.length);


            $("#" + name).append(
                '<li><img src="' + imgArray[randomNumber].src + '" name="' + imgArray[randomNumber].name + '"/><li>'
                );

        }
    }

    var imgArray = new Array();

    imgArray[0] = new Image();
    imgArray[0].src = "images/earth.jpg";
    imgArray[0].name = "earth";

    imgArray[1] = new Image();
    imgArray[1].src = "images/mars.jpg";
    imgArray[1].name = "mars";


    imgArray[2] = new Image();
    imgArray[2].src = "images/saturn.jpg";
    imgArray[2].name = "saturn";


    imgArray[3] = new Image();
    imgArray[3].src = "images/jupiter.png";
    imgArray[3].name = "jupiter";
})(jQuery);

我用谷歌搜索了一下，在 stackoverflow.com 和其他网站上看到了很多关于 append() 和 appendTo() 的帖子，但是当浏览器编译我的文件时没有任何反应。

也许我使用了错误的 jquery 选择器？ $("#"+姓名)。但是当我使用 $("table.center>tbody>tr>td>ul#"+name) 或 $("table.center>tr>td>ul#"+name ) 什么也没有发生。

最佳答案

移动这个:

fillList("fistImagesList");
fillList("secondImagesList");
fillList("thirdImagesList");
fillList("fourthImagesList");

到代码的底部。当您在顶部使用它时，您的 imgArray 仍然是空的。

关于javascript - jQuery 将 li 附加到 ul，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34384687/

26

4

0

文章推荐： javascript - 根据数组索引对查询结果进行排序

文章推荐： c++ - 指向移位数组 C++ 的指针

jQuery:仅选择 ul，而不选择 ul ul
我正在尝试使用 jQuery 来提交一个基本的 Accordion 样式菜单。这是菜单: http://www.cybart.com/bscg/ 这是为其提供 Accordion 功能的代码片段:
html - 增加嵌套 (ul ul ul li) 下拉导航列表项的宽度
这是我的网站: http://www.simply-a-christian.com/index.html 在导航栏上，如果您移动到: 信念玛丽安教义您可以看到每个 Marian Dogma(列出了
jquery - 当 ul ul 活跃时 ul parent 移动
这可能是一个很容易回答的问题，但是，我找不到解决方案。我已经建立了一个非常简单的菜单，每当我将鼠标悬停在 ul 父项上时，它的子项 ul ul 就会变得可见。基本上它是有效的，但 parent 让位于
HTML 下拉菜单 : "nav ul ul ul li" Too Low
这是一张图片: 问题是(你可以看到):“页面”按钮太低，无法点击。我想要的是它应该靠近“联系人”。现在是代码: HTML Home About
jquery - 如何在不破坏每个

首页

博学

6Ren·AI

商城

javascript - jQuery 将 li 附加到 ul