JQ改变标签的元素名称

    今天上班刚刚接杯水坐在电脑旁，听见同事们在讨论想要改变标签的名称；我一听感觉这种东西改怎么实现呢？除非是删除原有的标签，添加新的标签，感觉只有这种方法，没有其他的了。

javascript

想了想，可以直接改变innerHTML，这里是用javascript写的：

<span onclick="change()" id='pic'><p>点击</p></span><script language="javascript">    function change()    {        var div=document.getElementById('pic');        div.innerHTML="<div>父元素改变</div>";    }</script>

这里是在span标签上定义一个点击方法，通过访问id来获取他其中的P标签元素，最后通过innerHTML来改变其中的标签及其内容；

jQuery

后来查询资料，找到两个方法，一个是wrap();另一个是unwrap();从字面上看，很容易就会发现这两个方法是相反的； wrap() 方法把每个被选元素放置在指定的 HTML 内容或元素中；而unwrap() 方法删除被选元素的父元素。通过这两个方法的调用，我们很容易就会实现标签的替换：

<p>    <span>父元素</span></p><button >我要改变你的父元素</button><script>    $(document).ready(function(){        $("button").click(function(){            $("span").unwrap().wrap("<div>改变了你的</div>")        });    });</script>

通过父元素这个“桥梁”，我们可以非常清晰的解决这个问题