Удаление всех динамических «атрибутов данных» элемента

Question

У меня есть div, где динамические атрибуты данных добавляются к некоторым тегам. (имя данных- атрибутов генерируется динамически скриптом, так что нет никакого способа, мой скрипт будет знать имя-данных атрибута)

<div data-1223="some data" data-209329="some data" data-dog="some value"> </div> 

Теперь я хочу, чтобы написать код, в котором она сбрасывает div, удалив все атрибуты данных и их значения.

я могу использовать

$('div').attr('data-209329',"") 

, но проблема в том, я не знаю, имя-данных атрибута, который будет добавлен. атрибут данных, который будет добавлен, является динамическим, и я не контролирую его.

удаление div и reinserting div не является вариантом. Помощь Pls. заранее спасибо

Answer 1

Вы можете использовать как этот

var data = $("div").data(); 

var keys = $.map(data, function (value, key) { 
    return key; 
}); 
for (i = 0; i < keys.length; i++) { 
    $("div").removeAttr("data-" + keys[i]); 
} 

Fiddle

Edit

Предложил @Mottie

$.each($('div').data(), function (i) { 
    $("div").removeAttr("data-" + i); 
}); 

Demo

Answer 2

Вы можете использовать этот код:

var data = $('div').data(); 

for(var i in data){ 
    //for change 
    $('div').attr("data-"+i,"something"); 
    //for remove 
    $("div").removeAttr("data-" + i); 
} 

$('div').data(); подготовить список всех атрибутов данных в var data переменной. Тогда вы можете работать с ним. Это fiddle of this solution.

UPDATE Предложил @Mottie

$.each($('div').data(), function (i) { 
     //for change 
     $('div').attr("data-"+i,"something"); 
     //for remove 
     $("div").removeAttr("data-" + i); 
    }); 

Answer 3

Я думаю, что функция removeData() является то, что вы ищете здесь. Это приведет к удалению всей информации, хранящейся на элементе, data.

Метод .removeData() позволяет нам удалить значения, которые были предварительно установлены с использованием .data(). Когда вызывается с именем ключа, .removeData() удаляет это конкретное значение; При вызове без аргументов все значения удаляются. Удаление данных из внутреннего кеша .data() jQuery не влияет на атрибуты данных HTML5 в документе; используйте .removeAttr(), чтобы удалить их.

Однако он не удалит фактические атрибуты из элементов. Чтобы удалить фактические атрибуты, вам нужно извлечь список существующих атрибутов. Вы можете сделать это, проверив функцию data() элемента (перед запуском removeData).

Функция data() возвращает объект из key => value пар, который затем можно использовать для удаления фактических атрибутов из элемента с помощью removeAttr().