{site_name}

{site_name}

🌜 搜索

jQuery对象函数.removeData()用于从元素中删除与特定键名相关联的数据

前端 𝄐 0
jqueryremove同级元素
jQuery对象函数.removeData()用于从元素中删除与特定键名相关联的数据。这个方法会移除通过.data()设置的任何数据,包括通过.data()动态添加的数据和在HTML标记上使用data-*属性定义的数据。

调用方式如下:

javascript
$(selector).removeData(key);


其中,key是要删除的数据的键名。如果不指定key参数,则会删除该元素上所有已存储的数据。

以下是一个简单的示例,展示了如何使用.data()在元素上存储值以及如何使用.removeData()删除它们:

html
<div id="myDiv">My Div</div>

<script>
$(document).ready(function(){
// 设置两个数据项
$('#myDiv').data('name', 'John');
$('#myDiv').data('age', 30);

// 删除一个数据项
$('#myDiv').removeData('name');

// 输出剩余数据项
console.log($('#myDiv').data());
});
</script>


在这个例子中,我们先使用.data()方法在<div>元素上存储了两个数据项:名字(name)和年龄(age)。接着,我们使用.removeData()方法删除了名字(name)这个数据项,最后使用.data()方法输出了剩余的数据项(只有年龄(age))到控制台。