Question

我需要在列表中添加一个项目：

<body>
<ul id="ulBack">
   <li><img src="bridges/01.png"/></li>
   <li><img src="bridges/02.jpg"/></li>
   <li><img src="bridges/03.jpg"/></li>
</ul>

<script>
jQuery('#ulBack').append('<li><img src="bridges/04.jpg"/></li>');

var list = $('#ulBack li');
alert (list.length);
</script>
</body>

应为4，但结果仍为3。

Answer 1

我认为这样可行：

var myLi = $("<li><img src='bridges/04.jpg'/></li>");

myLi.appendTo($("#ulBack"));

：）

Answer 2

你加载了jQuery吗？

如果是这样，您是否已将脚本包含在$（document）.ready（）？

中

<script>
 $(document).ready(function() {
  jQuery('#ulBack').append('<li><img src="bridges/04.jpg"/></li>');

  var list = $('#ulBack li');
  alert (list.length);
 });
<script>

如果没有，你可能在DOM准备好之前尝试这样做，可能你的<ul>还不存在。

Answer 3

你的代码工作正常，我试了一下，我最好的猜测是你忘了将jquery库添加到你的代码中，因为这样可以正常工作：

    <!DOCTYPE HTML>
<html>
    <head>

        <title>append test</title>

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

    </head>
    <body>

        <ul id="ulBack">
           <li><img src="bridges/01.png"/></li>
           <li><img src="bridges/02.jpg"/></li>
           <li><img src="bridges/03.jpg"/></li>
        </ul>

        <script>
            jQuery('#ulBack').append('<li><img src="bridges/04.jpg"/></li>');

            var list = $('#ulBack li');
            alert (list.length);
        </script>

    </body>
</html>

将列表项添加到无序列表

3 个答案: