js如何去掉div外壳?
.un_wrap内部只有文本,无其他html标签。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<div class="box">
......
<h2>h2</h2>
<div class="un_wrap">hello</div>
<div>test</div>
<div class="un_wrap">world</div>
<div class="un_wrap">baby</div>
<p>p</p>
......
</div><!--
jquery或js如何将 .un_wrap节点外壳div去掉
结果如下:
--><div class="box">
......
<h2>h2</h2>
hello
<div>test</div>
world
baby
<p>p</p>
......
</div>
.un_wrap内部只有文本,无其他html标签。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<div class="box">
......
<h2>h2</h2>
<div class="un_wrap">hello</div>
<div>test</div>
<div class="un_wrap">world</div>
<div class="un_wrap">baby</div>
<p>p</p>
......
</div><!--
jquery或js如何将 .un_wrap节点外壳div去掉
结果如下:
--><div class="box">
......
<h2>h2</h2>
hello
<div>test</div>
world
baby
<p>p</p>
......
</div>
<div class="box">
......
<h2>h2</h2>
<div class="un_wrap">hello</div>
<div>test</div>
<div class="un_wrap">world</div>
<div class="un_wrap">baby</div>
<p>p</p>
......
</div><script type="text/javascript">
$(".box .un_wrap").remove();
</script>
<div class="box" id="box">
aaaa
<h2>h2</h2>
<div class="un_wrap">hello</div>
<div>test</div>
<div class="un_wrap">world</div>
<div class="un_wrap">baby</div>
<p>p</p>
bbbb
</div><script type="text/javascript">
function removeClass(id,_calss){
var cNodes = document.getElementById(id).childNodes ;
var str = "" ; //对所有子节点进行循环,增加onmouseover事件,也可以根据需要添加onclick事件
for(var iLoop = 0; iLoop < cNodes.length; iLoop ++)
{
var node = cNodes[iLoop];
if ( _calss == node.className)
{
var newNode = document.createTextNode(node.innerHTML) ;
node.parentNode.insertBefore(newNode,node) ;
node.parentNode.removeChild(node);//删除节点
}
} alert(document.getElementById(id).innerHTML);
}
removeClass("box","un_wrap") ;</script>