Как скопировать данные элемента с помощью jQuery?

Чтобы дать другую альтернативу, то есть вместо клонирования всего объекта вы можете скопировать объект данных в новый массив, содержащий пары имя / значение следующим образом:

function getOriginalElementData(domElementJQueryObject){
    var originalElementData = new Array();
    $.each(domElementJQueryObject.data(),function(name,value) {
       originalElementData.push({"name":name,"value":value});
    });

    return originalElementData;
}

Чтобы восстановить данные на другом объекте:

function restoreOriginalElementData(domElementJQueryObject,originalElementData){
    for(var i=0;i<originalElementData.length;i++){
        domElementJQueryObject.data(originalElementData[i].name,originalElementData[i].value);
    }
}

Часть для перебора элементов данных скопирована из этого ответа: Цикл jQuery через объект data ()

Отвечать на:

a) Iterate over data items

$.each(element.data(), function (name, value) {
    // ... do something
})

Если element является элементом DOM, используйте это:

$.each($.data(element), function (name, value) {
    // ... do something
})

Чтобы действительно скопировать только data- *, это довольно просто:

$(destination).data( $(source).data() );

Это связано с тем, что при использовании .data () без аргументов не будет возвращен объект «ключ-значение» для всех частей данных, и наоборот, вы также можете обновить несколько частей данных одновременно, используя объект «ключ-значение».

ОБНОВЛЕНИЕ ^{25th May 2017}

Умная альтернатива в JavaScript без jQuery выглядит так:

Object.assign(destination.dataset, source.dataset);

Что-то, на что изначально не ответили как часть этого вопроса, было то, хотите ли вы, чтобы атрибуты данных были частью DOM. Использование многих из предоставленных ответов сделает его доступным для jQuery data () API, но не будет отображаться в DOM (например, для облегчения таких вещей, как отладка).

Способ сделать это:

$.each(original.data(), function (name, value) {
    new.attr('data-' + name, JSON.stringify(value));
});

Обратите внимание, что stringify явно не требуется. У меня есть JSON, встроенный в мои исходные теги данных, и, если я этого не сделаю, я получаю «[Object object]» в виде строки вместо фактического JSON.