日期:2014-05-16  浏览次数:20322 次

jQuery怎么去除一个节点下所有节点的样式
假如现在有一篇文章,文章里面肯定有很多div p blockquote img 等 我现在想获取文章下面所有的内容 并且除去他的样式 只留下段落 假如有篇文章是这样的


<div class="content">
 <h1>这里是标题</h1>
<p class="p1">这里显示内容
<blockquote>哈哈哈 这里也是内容</blockquote>
</p>
。。。。。。
</div>
我想取出后是这样子的


<div>
 <h1>这里是标题</h1>
<p>这里显示内容
<blockquote>哈哈哈 这里也是内容</blockquote>
</p>
。。。。。。
</div>
不知道我说的清楚不?

------解决方案--------------------
<script language="javascript" type="text/javascript">
$(document).ready($("div").each(function () {
$(this).children().removeClass();
$(this).removeClass();
}));
</script>
------解决方案--------------------
探讨

楼上的不妥。children只是要下一级节点。而且$("div")这不是让整个站都没样式吗。

文章内容一般是在有ID的div下,如:<div id="article"><div class="content">内容...</div></div>
如果没有,建议加上!JScript code
$("#article").contents().removeAttr("class").rem……

------解决方案--------------------
谢楼上提醒,应该再删除ID(虽然文章内容一般都不会加入id)毕竟id也可加入样式。
JScript code
$("#article").contents().removeAttr("class").removeAttr("id").removeAttr("style");
//说明:查找指定id下的所有节点,删除class与style及id属性即可。