В питонической форме (2,5 или более)
from __future__ import with_statement # for 2.5, does nothing in 2.6
from gzip import open as gzopen
with gzopen('foo.gz') as gzfile:
for line in gzfile:
print line.decode('utf-8')
Я написал плагин jQuery для такого рода вещей, который можно легко адаптировать для вашего случая использования.
Вот вам обновленный вопрос
(function($) {
$.fn.reOrder = function(array) {
return this.each(function() {
if (array) {
for(var i=0; i < array.length; i++)
array[i] = $('div[category="' + array[i] + '"]');
$(this).empty();
for(var i=0; i < array.length; i++)
$(this).append(array[i]);
}
});
}
})(jQuery);
и используйте его так
var category_sort_order = ['any', 'product', 'download'];
$('#input').reOrder(category_sort_order);
Это происходит для получения правильного порядка для продуктов на этот раз, поскольку product1 появляется перед product2 в исходном списке, но его можно легко изменить, чтобы сначала отсортировать категории перед помещением в массив и добавлением в DOM . Кроме того, если использовать это для нескольких элементов, его можно улучшить, добавляя все элементы в массив за один раз вместо повторения по массиву и добавления по одному. Вероятно, это будет хороший случай для DocumentFragments .
Вот как это сделать. Я использовал этот вопрос SO в качестве справочника.
Я тестировал этот код, и он работает правильно для вашего примера:
$(document).ready(function() {
var categories = new Array();
var content = new Array();
//Get Divs
$('#input > [category]').each(function(i) {
//Add to local array
categories[i] = $(this).attr('category');
content[i] = $(this).html();
});
$('#input').empty();
//Sort Divs
var category_sort_order = ['any', 'product', 'download'];
for(i = 0; i < category_sort_order.length; i++) {
//Grab all divs in this category and add them back to the form
for(j = 0; j < categories.length; j++) {
if(categories[j] == category_sort_order[i]) {
$('#input').append('<div category="' +
category_sort_order[i] + '">'
+ content[j] + '</div>');
}
};
}
});
Как это работает
Прежде всего, для этого кода требуется библиотека JQuery. Если вы в настоящее время его не используете, я настоятельно рекомендую его.
Код начинается с получения всех дочерних div входного div, которые содержат атрибут категории. Затем он сохраняет их html-контент и их категорию в двух отдельных массивах (но в одном месте.
Затем он очищает все div под входным div.
Наконец, он просматривает ваши категории в указанном вами порядке в массиве и добавляет соответствующие дочерние блоки div в правильном порядке.
Секция цикла For
@eyelidlessness хорошо объясняет циклы for, но я также попробую его. в контексте этого кода.
Первая строка:
for(i = 0; i < category_sort_order.length; i++) {
Означает, что следующий за ним код (все, что находится в фигурных скобках {code}) будет повторяться несколько раз. Хотя формат выглядит архаичным (и вроде таков), он говорит:
AKA все, что указано в скобках, будет выполняться один раз для каждой категории.
Двигаясь дальше ... для каждой категории вызывается другой цикл. Этот:
for(j = 0; j < categories.length; j++) {
перебирает все категории div, которые мы только что удалили с экрана.
Внутри этого цикла оператор if проверяет, соответствует ли какой-либо из блоков div на экране текущей категории. Если да, они добавляются, в противном случае цикл продолжает поиск, пока не пройдет все div.
Добавление (или добавление) узлов DOM снова фактически сортирует их в нужном вам порядке.
Используя jQuery, вам просто нужно выбрать их в нужном вам порядке и снова добавить (или добавить) в их контейнер.
$(['any', 'product', 'video'])
.map(function(index, category)
{
return $('[category='+category+']');
})
.prependTo('#input');
Извините, вы пропустили, что вы хотели удалить узлы, которых нет в вашем списке категорий. Вот исправленная версия:
// Create a jQuery from our array of category names,
// it won't be usable in the DOM but still some
// jQuery methods can be used
var divs = $(['any', 'product', 'video'])
// Replace each category name in our array by the
// actual DOM nodes selected using the attribute selector
// syntax of jQuery.
.map(function(index, category)
{
// Here we need to do .get() to return an array of DOM nodes
return $('[category='+category+']').get();
});
// Remove everything in #input and replace them by our DOM nodes.
$('#input').empty().append(divs);
// The trick here is that DOM nodes are selected
// in the order we want them in the end.
// So when we append them again to the document,
// they will be appended in the order we want.
Я подумал, что это действительно интересная проблема, вот простое, но не очень производительное решение для сортировки, которое я придумал.
Вы можете просмотреть тестовую страницу на jsbin здесь: http://jsbin.com/ocuta
function compare(x, y, context){
if($.inArray(x, context) > $.inArray(y, context)) return 1;
}
function dom_sort(selector, order_list) {
$items = $(selector);
var dirty = false;
for(var i = 0; i < ($items.length - 1); i++) {
if (compare($items.eq(i).attr('category'), $items.eq(i+1).attr('category'), order_list)) {
dirty = true;
$items.eq(i).before($items.eq(i+1).remove());
}
}
if (dirty) setTimeout(function(){ dom_sort(selector, order_list); }, 0);
};
dom_sort('#input div[category]', category_sort_order);
Обратите внимание, что setTimeout
может не понадобиться, но он кажется более безопасным. Ваш вызов.
Вы, вероятно, могли бы немного улучшить производительность, сохранив ссылку на родителя и каждый раз получая дочерние элементы, вместо того, чтобы повторно запускать селектор. Хотя я стремился к простоте. Вы должны вызывать селектор каждый раз, потому что порядок сортировки меняется, и я нигде не сохраняю ссылку на родительский элемент.
Для этого кажется довольно прямым использовать метод sort
:
var category_sort_order = ['any', 'product', 'download'];
// select your categories
$('#input > div')
// filter the selection down to wanted items
.filter(function(){
// get the categories index in the sort order list ("weight")
var w = $.inArray( $(this).attr('category'), category_sort_order );
// in the sort order list?
if ( w > -1 ) {
// this item should be sorted, we'll store it's sorting index, and keep it
$( this ).data( 'sortindex', w );
return true;
}
else {
// remove the item from the DOM and the selection
$( this ).remove();
return false;
}
})
// sort the remainder of the items
.sort(function(a, b){
// use the previously defined values to compare who goes first
return $( a ).data( 'sortindex' ) -
$( b ).data( 'sortindex' );
})
// reappend the selection into it's parent node to "apply" it
.appendTo( '#input' );
Если вы используете старую версию jQuery (1.2), которая не у вас есть метод sort
, вы можете добавить его следующим образом:
jQuery.fn.sort = Array.prototype.sort;
Обратите внимание:
Поскольку существует jQuery 1.3.2, сортировка выполняется просто без каких-либо плагинов, например:
$('#input div').sort(CustomSort).appendTo('#input');
function CustomSort( a ,b ){
//your custom sort function returning -1 or 1
//where a , b are $('#input div') elements
}
Это отсортирует все div, которые являются дочерними элементами элемента с id = "input".