В Jquery получить атрибут целевого элемента

Question

Я желаю, чтобы заменить все дивы с классом элементом-данных с атрибутом данными переменного-пункта с этим классом

IE:

<div class="data-item" data-variable="{{somevariable}}"> 
    Some Content 
</div> 

<div class="data-item" data-variable="{{someothervariable}}"> 
    Some Content 
</div> 

должен стать

{{somevariable}}{{someothervariable}} 

код я хочу использовать:

$("div.data-item" , el).replaceWith(get the data-variable attribute of this element); 

где el - объект jquery, содержащий html. Я хочу разобрать

Answer 1

DEMO

$("div.data-item").each(function(){ 
    $(this).replaceWith($(this).data('variable')); 
}) 

UPD: Вы можете использовать функцию в качестве аргумента replaceWith (ТНХ @Barmar)

$('div.data-item').replaceWith(function() { 
    return $(this).data('variable'); 
}); 

Answer 2

Аргумент replaceWith может быть функцией. Когда он будет вызван, будет заменен элемент this. Возвращаемое значение будет использоваться в качестве замены.

$("div.data-item").replaceWith(function() { 
    return $(this).attr("data-variable"); 
});