读书人

Jquery怎么删除P标签

发布时间: 2012-05-30 20:20:04 作者: rapoo

Jquery如何删除P标签
请问Jquery如何删除P标签?
数据是有数据库读出来的,内含P标签!显示后就有段落的效果!但我不想要P标签有效果,想利用Jquery删除P标签!但我的功力不够,试一试却把P标签内容清空了!
所有的P标签都是这样写的!

<p>内容</p>

[解决办法]
$("p").remove();
[解决办法]

HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script></head><body><div>    <p>test1</p>    <p>test2</p></div><script type="text/javascript">var txt = $("div p").text();$("div").html(txt);</script></body></html>
[解决办法]
replaceWith(content)将所有匹配的元素替换成指定的HTML或DOM元素。


HTML code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD>  <TITLE> New Document </TITLE>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <META NAME="Author" CONTENT="">  <META NAME="Keywords" CONTENT="">  <META NAME="Description" CONTENT="">  <style type="text/css">     </style>  <script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>  <script type="text/javascript">    $(function(){        $("p").each(function(){            var xx=$(this).html();            $(this).replaceWith(xx);        })    })    </script> </HEAD> <BODY>    <p>你在他乡还好吗</p><p>灭烛怜光满!!</p></BODY></HTML>
[解决办法]
$("div:has(p)").remove();
//or
$(obj).is("p")..

读书人网 >JavaScript

热点推荐