使用jquery从数据库中获得5个结果后,如何附加div?]

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用jquery从数据库中获得5个结果后,如何附加div?]相关的知识,希望对你有一定的参考价值。

我想在此jQuery代码的每五个结果之后追加一个div。

$.each(employees, function(index, employee) { $('#employeeList').append('<li>'+ '<img src="js/citybus.png" class="list-icon"/>' + '<p class="line1">' + employee.firstName + '</p>' + '<p class="line2">' + difference +'</p>' + '<center><button onclick="setReminderClose();" id="reminderSetBox">Reminder Has Been Set</button></center>' + '<button data-diff="' + hoursMin + '" data-name="' + employee.firstName + '" class="bubble" onclick="setReminder(this);">' + '<center><img src="js/bell.png" style="height:15px;width:15px;"/></center>' + '</button></li>'); }); setTimeout(function(){ scroll.refresh(); }); });

我想在此jquery代码的每五个结果后追加一个div。 $ .each(employees,function(index,employee){$('#employeeList')。append('

'+'

  • ] >>
    您可以检查索引的值,如果索引%5 === 0然后附加一个新的div。

    您可以通过写其他条件检查来做到这一点

    employees = [ { "firstName": "Fname1", "lastnName": "lastnName2" }, { "firstName": "Fanme2", "lastnName": "lastnName2" }, { "firstName": "Fname3", "lastnName": "lastnName2" }, { "firstName": "Fname4", "lastnName": "lastnName4" }, { "firstName": "Fname5", "lastnName": "lastnName5" }, { "firstName": "Fname6", "lastnName": "lastnName6" }, ]; $.each(employees, function(index, employee) { if(index >0 && (index + 1) % 5 == 0){ $('#employeeList').append('<div class="green"><li>'+ '<p class="line1">' + employee.firstName + '</p>' + '<p class="line2">' + employee.lastnName +'</p>' + '</li></div>'); }else{ $('#employeeList').append('<li>'+ '<p class="line1">' + employee.firstName + '</p>' + '<p class="line2">' + employee.lastnName +'</p>' + '</li>'); } });
    .green{
      background-color:green;
    }
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <div id="employeeList">
      
    </div>
    用于值

    index >0 and (index+1) % == 0 (as index starts with '0')

    这里是小提琴。我已经测试了json键值对并实现了它。

    https://jsfiddle.net/ba31s05y/14/

  • 答案
    您可以检查索引的值,如果索引%5 === 0然后附加一个新的div。
    另一答案
    您可以通过写其他条件检查来做到这一点

    以上是关于使用jquery从数据库中获得5个结果后,如何附加div?]的主要内容,如果未能解决你的问题,请参考以下文章

    JavaScript 使用jquery从Tumblr API获得最新的5个标题

    如何从数组中并行删除零值

    如何从 jQuery Datatable 中获取过滤后的数据结果集

    如何使用来自localstorage的jquery将项目附加到DOM?

    如何将特定页面从一个pdf附加到另一个pdf?

    如何使用关系和一些逻辑附加列 db 结果