JavaScript JQuery插件:替换DOM元素并保留类和id
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript JQuery插件:替换DOM元素并保留类和id相关的知识,希望对你有一定的参考价值。
jQuery.fn.replaceWith = function(replacement) {
return this.each(function(){
element = $(this);
$(this)
.after(replacement).next()
.attr('class', element.attr('class')).attr('id',element.attr('id'))
.html(element.html())
.prev().remove();
});
};
/*
usage example
$('a#fooid').replaceWith('<span></span>');
before:
<a id="fooid" class="whatever">some text</a>
after:
<span id="fooid" class="whatever">some text</span>
*/
以上是关于JavaScript JQuery插件:替换DOM元素并保留类和id的主要内容,如果未能解决你的问题,请参考以下文章
JavaScript之jQuery-3 jQuery操作DOM(查询样式操作遍历节点创建插入删除替换复制)
jQuery 《基础整合》 jQuery插件jQueryAPI查询网站
jQuery的DOM操作实例——拖拽效果&&拓展插件
优化 jQuery 中的 DOM 选择
初识jQuery
前端各元素的的关系