JQuery append方法求助？

ypb362148418 2013-01-27 12:44:44

网页内容如下：



<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>');

});

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

...全文

218 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

斯洛文尼亚旅游 2013-01-27

打赏
举报

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>

ypb362148418 2013-01-27

打赏
举报

引用 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>

ddgx 2013-01-27

打赏
举报

引用 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#正解

爱若如梦 2013-01-27

打赏
举报

引用楼主 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>

一个很不错的jquery学习教程，值得拥有.

今天用jquery,用json从后台获取一个列表,准备在前台用一个动态生成的select标签显示出来… 结果一直不能显示,动态生成input,a 都是可以的最后随便的在select前面敲了一堆11111111111111111111111 然后select出现了怀疑可能跟空格有关,加了个在select前面,没反应之后又尝试了各种方法,还是不行再从搜狗浏览器换成IE,FIREFOX, 没问题了才发现是浏览器问题….浪费了3个多小时,无语了搜狗浏览器也比较坑啊….哎以后坚决不去当前台

Write By Monkeyfly 以下内容均为原创，如需转载请注明出处。前提有一个公共的登录弹框页面需要在多个页面引用，百度后就使用了jQuery 的 load 方法。做法：将公共的 html 页面提取出来，放在一个独立的 HTML 文件中。然后在需要使用的 html 页面中，使用 jQuery 的 load 方法进行引用即可。注：提取的部分，不需要包含多余的&amp;amp;lt;head&amp;amp;g...

目录写在前边什么是AjaxAjax基本结构实例实例1实例2小结写在前边作为一个前端刚入门没多久的小白，想在这里分享一下我的学习内容，就算是学习笔记了。因为前端的大部分学习都是通过网站上的教程，所以遇到不懂得问题，也只有求助于网络，通过度娘，了解到了一些论坛、博客。在发现了众多技术大牛的同时，我也发现，一些像我这样的小白，由于能力有限，在查找相关资料的时候，对于大佬的一些操作理解困难，虽说能照猫...

大佬们求助这是为什么！！建议粘贴下去看一下效果球会在超出后会卡在最上面下不来，但是逻辑貌似是没问题的QAQ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <script src="../jQuery.js"></