after() 和 remove() 实现替换

<div class="replacedDiv">this is the replaced div</div>

<script>
            $(function(){
                $("div.replacedDiv").after("<p>i will replace the div</p>").remove();
            });
</script>

结果是新建的p替换了原来的div。

 

note： 总是可以将有用的语句封装起来形成jquer拓展

$.fn.replaceWith = function(html){

　　return this.after(html).remove();

}

利用这个拓展，执行上面的效果可以用这个语句：

$("div.replaceDiv").replaceWith("<p>i will replace the div</p>");