Блог

Главная - Вопросы по программированию - Jquery — динамическое создание ul только с первым элементом, имеющим атрибут класса

Jquery — динамическое создание ul только с первым элементом, имеющим атрибут класса

#javascript #jquery #cordova

#javascript #jquery #кордова

Вопрос:

Я должен создать ul, добавив его в div динамически с помощью jquery, вот пример кода, на который я ссылаюсьhttps://github.com/linslin/pagingSlider , Код такой,

 <div id="wrapper">
  <div class="footer-menu myPageContainerClass">
        <ul class="pager clearfix">
            <li class="active"></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div> 
</div>

Я могу создать список

 var parentwrapper = $("<div/>").attr('id', 'wrapper');
var pointerDiv = $("<div/>").addClass("footer-menu myPageContainerClass");
var cList = $('<ul></ul>').addClass("pager clearfix");
var pointerList = $('<li></li>').append('<li></li>').append('<li></li>').append('<li></li>')
.appendTo(cList);


$(pointerDiv).append(pointerList);

var myFinalVar = $(parentwrapper).append(pointerDiv);
$(myFinalVar).appendTo('body');

но атрибут класса в нем не отражается,
что я пропустил? Я новичок в приложениях jQuery Cordova

Комментарии:

1. Вы не добавляете cList — change $(pointerDiv).append(pointerList); в $(pointerDiv).append(cList); — так что это не добавляет класс «pager», потому что в выходных данных его нет ul

2. Вам также не нужно «дважды погружать» свои объекты jquery: вы эффективно выполняете $($("<div>"))

3. Также: .append() помещает внутрь, так что вы получаете <li><li></li><li></li><li></li></li> (легче увидеть, если вы просто посмотрите на вывод в браузере)

4. Спасибо @freedomn-m, ваши предложения решили мою проблему. Большое спасибо.