2013-07-20 5 views
-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.

+0

это опечатка или вы пропали без вести теги

2

Я думаю, что это будет работать нормально:

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

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

:)

+0

Что не так с версией OP? –

+0

Я думаю, что это _ "JQuery ('# ulBack') добавить (»

  • . '); "_ Должно быть _" JQuery (' # ulBack ') присоединять (** $ (**'
  • '**) **); "_ – ffmpe

    +2

    Вы всегда можете добавить строку или объект jQuery. Это неважно –

    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> 
    
    Смежные вопросы