JQuery append方法求助？-CSDN论坛

⋅JQuery append方法求助？ ⋅D3D 创建设备的个数是不是有上限? ⋅D3D 创建设备的个数是不是有上限? 更多帖子 关注空间博客 ypb362148418 本版专家分：37 结帖率 100%

网页内容如下：



<div class="context">

	<blockquote>

		<p>XXXXXXXXXXXXXXXX</p>

	</blockquote>

</div>

CSS部分代码如下：



.context blockquote{

	background: url("images/icon_quote_s.gif") no-repeat scroll 10px 10px #F9F9F9;

    	border: 1px solid #ccc;

    	margin: 0 0 1em;

    	padding: 35px 20px 0;

}



.blockquote_bottom {

    background: url("images/icon_quote_b.gif") no-repeat scroll right center #FAFAFA;

    height: 30px;

    margin-right: -10px;

}

现在想达到如下效果：



<div class="context">

	<blockquote>

		<p>XXXXXXXXXXXXXXXX</p>

	</blockquote>

	<div class="blockquote_bottom"></div>

</div>

使用JQuery append方法，代码如下：



$(function(){

	$("blockquote").append('<div class="blockquote_bottom"></div>');

});

但是却没有成功，求解？不胜感激！

0 2013-01-27 00:44:44

回复数 4 只看楼主引用举报楼主

⋅汇报战果 ⋅屌丝开始逆袭 ⋅屌丝如何去追女神？ 更多帖子 关注空间博客 爱若如梦 本版专家分：4748 蓝花 2013年1月 Web 开发大版内专家分月排行榜第三

引用楼主 ypb362148418 的回复:

网页内容如下：
XML/HTML code?12345<div class="context"> <blockquote> <p>XXXXXXXXXXXXXXXX</p> </blockquote></div>
CSS部分代码如下：
CSS code?123456789101112.context blockquote{ backgr……

append的父节点略有不妥，加到div上即可
即将
$(function(){
$("blockquote").append('<div class="blockquote_bottom"></div>');
});
改成
$(function(){
$(".context").append('<div class="blockquote_bottom"></div>');
});

<html xmlns="http://www.w3.org/1999/xhtml">



<head>



<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />



<title>无标题文档</title>

<style>



.context blockquote{

	background: url("images/icon_quote_s.gif") no-repeat scroll 10px 10px #F9F9F9;

    	border: 1px solid #ccc;

    	margin: 0 0 1em;

    	padding: 35px 20px 0;

}



.blockquote_bottom {

    background: url("images/icon_quote_b.gif") no-repeat scroll right center #FAFAFA;

    height: 30px;

    margin-right: -10px;

}



</style>

 <script src="jquery.js" type="text/javascript"></script>





</head>







<body>





<div class="context">

	<blockquote>

		<p>XXXXXXXXXXXXXXXX</p>

	</blockquote>

</div>









</body>

<script type="text/javascript">





$(function(){	

	$(".context").append('<div class="blockquote_bottom"></div>');

});





</script>

</html>

0 2013-01-27 01:04:55

只看TA 引用举报 #1 得分 45

⋅对js的一点疑问 ⋅关于android toolbar的问题 ⋅使用Npoi导出Excel失败，求指教啊 更多帖子 关注空间博客 ddgx 本版专家分：1979: 引用 1 楼 datiexiong 的回复:
引用楼主 ypb362148418 的回复:网页内容如下：
XML/HTML code?12345<div class="context">    <blockquote>        <p>XXXXXXXXXXXXXXXX</p>    </blockquote></div>
CSS部分代码如下：
CSS code?123456789101112.contex……

引用 1 楼 datiexiong 的回复:
引用楼主 ypb362148418 的回复:网页内容如下：
XML/HTML code?12345<div class="context">    <blockquote>        <p>XXXXXXXXXXXXXXXX</p>    </blockquote></div>
CSS部分代码如下：
CSS code?123456789101112.contex……

1#正解

0 2013-01-27 01:52:53

只看TA 引用举报 #2    得分 10

⋅JQuery append方法求助？ ⋅D3D 创建设备的个数是不是有上限? ⋅D3D 创建设备的个数是不是有上限? 更多帖子 关注空间博客 ypb362148418 本版专家分：37

引用 1 楼 datiexiong 的回复:

引用楼主 ypb362148418 的回复:网页内容如下：
XML/HTML code?12345<div class="context"> <blockquote> <p>XXXXXXXXXXXXXXXX</p> </blockquote></div>
CSS部分代码如下：
CSS code?123456789101112.contex……

如果我的代码是这样，那就不能用context了，该如何处理呢？



<div class="context">

    <blockquote>

        <p>XXXXXXXXXXXXXXXX</p>

    </blockquote>

	<p>XXXXXXXXXX</p>

	<p>XXXXXXXXXX</p>

</div>

0 2013-01-27 14:49:36

只看TA 引用举报 #3 得分 0

⋅asp.net自定义400错误显示 ⋅已经使用Tls12还是报错The request was aborted: Could not create SSL/TLS secure channel ⋅你看哪个账号不顺眼，就登录他账号，让他改密码 更多帖子 关注空间博客 支付宝加好友偷能量挖 本版专家分：396068 版主 探花 2017年总版技术专家分年内排行榜第三 进士 2018年总版新获得的技术专家分排名前十 2013年总版技术专家分年内排行榜第五 金牌 2018年5月总版技术专家分月排行榜第一 2018年4月总版技术专家分月排行榜第一 2018年2月总版技术专家分月排行榜第一 2017年8月总版技术专家分月排行榜第一 银牌 2018年3月总版技术专家分月排行榜第二 2017年11月总版技术专家分月排行榜第二 2016年2月总版技术专家分月排行榜第二 2014年2月总版技术专家分月排行榜第二 2013年4月总版技术专家分月排行榜第二

after来插入

<div class="context">

    <blockquote>

        <p>XXXXXXXXXXXXXXXX</p>

    </blockquote>

    <p>XXXXXXXXXX</p>

    <p>XXXXXXXXXX</p>

</div>

<script src="http://www.coding123.net/js/jquery.js"></script>

<script >

$(function(){

$('blockquote').after('<div class="blockquote_bottom"></div>');

});

</script>

0 2013-01-27 15:57:54

只看TA 引用举报 #4 得分 45

JQuery append方法求助？ [问题点数：100分，结帖人ypb362148418]