Data (работа с данными)

removeData(name)

Удаляет данные с соответствующим именем из элемента

$("#example_data").data("geo", { region: 56, city: "Оренбург" });
$("#example_insertData").click(function(){
$("#example_data span:first").text($("#example_data").data("geo").region);
$("#example_data span:last").text($("#example_data").data("geo").city);
                                        });
$("#example_removeData").click(function(){
$("#example_data").removeData("geo");		
$("#example_data span").empty();
                         });

Первая строка - сохраняем данные в элемент #example_data.

Вторая - пятая строки - По клику на #example_insertData вставляем данные в соответствующие элементы span

Шестая - девятая строки :
строка 7 - удаляем данные с именем geo из элемента #example_data
строка 8 - Очищаем содержание тегов span, чтобы мы могли визуально видеть, что данные удалены.

После того, как Вы нажали кнопку "Удалить данные", попробуйте их вставить. Вставки не произойдет, значит данные действительно удалены.

Результат работы примера

Регион:

Город:

Вставить данные Удалить данные

HTML:

<div id="example_data">
<p>Регион: <span></span></p>
<p>Город: <span></span></p>
</div>
<button id="example_insertData">Вставить данные</button>
<button id="example_removeData">Удалить данные</button>