-4

リストにアイテムを追加する必要があります。

<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です。

4

3 に答える 3

2

これはうまくいくと思います：

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

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

:)

于 2013-07-20T16:27:17.807 に答える
1

jQueryをロードしましたか？

もしそうなら、スクリプトを $(document).read() に含めましたか?

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

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

そうでない場合は、DOM の準備が整う前にこれを実行しようとしている可能性があり、<ul>まだ存在していない可能性があります。

于 2013-07-20T16:30:14.543 に答える
1

あなたのコードは問題なく動作します。試してみましたが、コードに 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>
于 2013-07-20T16:52:07.200 に答える