删除非活动类项
我试图通过上传图像并通过创建具有新id's
新div
并将class
作为第一页的current
添加到容器中来进行如下所示的pagination
。
如果我更改为新页面,则将活动类删除到当前页面并将其添加到所选页面。
我想知道如何删除所有没有“当前”类的inactive
页面
这是我的代码:
var imagesPerPage = 4, pageNumber = 1; function onAjaxSucceded(data) { var pagesContainer = $('#pagesContainer'), imagesInPage = 0, divPage = $("#p1"); $.each(data.result, function(index, file) { if (imagesInPage >= imagesPerPage) { imagesInPage = 1; pageNumber += 1; divPage = $('', {id : "p" + pageNumber}).addClass('pagedemo').hide().appendTo(pagesContainer); } else { imagesInPage += 1; } var src = 'Uploads/' + file.name; $('', {src: src, href: src, "class": 'LoadclickImage', align: 'left'}).appendTo(divPage); }); $("#demo5").paginate({ count: pageNumber, start: 1, display: Math.min(7, pageNumber), border: true, border_color: '#fff', text_color: '#fff', background_color: 'black', border_hover_color: '#ccc', text_hover_color: '#000', background_hover_color: '#fff', images: false, mouse: 'press', onChange: function(page) { $('#paginationdemo ._current').removeClass('_current').hide(); $('#p' + page).addClass('_current').show(); } }); } var fakeAjaxData = { result: [ {name: '../../../img/keys.png'}, {name: '../../../img/logo.png'}, {name: '../../../img/input-button-bg.png'}, {name: '../../../img/remove-resources.png'}, {name: '../../../img/logo.png'}, {name: '../../../img/input-button-bg.png'}, {name: '../../../img/remove-resources.png'}, {name: '../../../img/keys.png'}, {name: '../../../img/keys.png'}, {name: '../../../img/input-button-bg.png'}, {name: '../../../img/logo.png'}, {name: '../../../img/remove-resources.png'}, {name: '../../../img/keys.png'}, {name: '../../../img/keys.png'}, {name: '../../../img/input-button-bg.png'}, {name: '../../../img/logo.png'}, {name: '../../../img/remove-resources.png'}, {name: '../../../img/input-button-bg.png'}, {name: '../../../img/logo.png'}, ] }; $(function() { onAjaxSucceded(fakeAjaxData); });
这是我的演示
编辑 :
任何人都可以说我如何删除所有页面而不是removing
inactive
类,如果我再次添加,我需要从1st page.
添加图像1st page.
截至目前如果我删除它添加的最后一页添加的页面。
如果我的标签错了,请原谅。
像这样的东西:
$("#pagesContainer > :not(._current)").remove()