Копирование нескольких атрибутов в один элемент

Question

В настоящее время у меня возникают проблемы при попытке скопировать все атрибуты из набора элементов списка в первый элемент списка.

Я хочу добавить первый элемент списка (Все) в начало списка, а затем скопировать все атрибуты фильтра данных из приведенных ниже элементов во Все, чтобы они выглядели как data-filter = ". Ant,. пчела, .bug, .moth "

вот ссылка на мой jsfiddle: http://jsfiddle.net/8e4Kv/1/

Любые предложения будут с благодарностью,

Спасибо!

Большой D

Answer 1

Будет работать что-то вроде ниже,

DEMO

$(function() {

    var $li = $('ul li[data-filter]');

    var allAttr = [];        
    $li.each (function () {
        allAttr.push ($(this).attr('data-filter'));
    });

    $('<li>All</li>')
      .insertBefore('ul li:first-child')
      .attr('data-filter',allAttr.toString());

});

Answer 2

Вы можете использовать функцию jQuery $.each(), чтобы сначала пройтись по атрибуту data-filter каждого элемента списка, а затем назначить каждый из этих атрибутов вашему добавленному элементу.