首页 > web前端 > html教程 > JQuery添加div移除div_html/css_WEB-ITnose

JQuery添加div移除div_html/css_WEB-ITnose

WBOY
发布: 2016-06-21 09:41:50
原创
1238 人浏览过

jquery

<div class="block_comments">                        	                                <div class="comment">        <div class="userpic"><a href="#"><img src="images/ava_default_1.jpg" alt="" /></a></div>        <div class="content">            <p class="name"><a href="#">路人甲</a></p>                        <p class="text">我认为人们要感恩的人哟很多法撒旦法涉及多方考虑斯达康减肥就算了打开解放累进税率大幅速卡戴假发就算了打开房间速率可达飞机螺丝钉棵发了看似简单</p>            <p class="info"><a href="#none" class="control" id="rep" >回复</a>  </p>                    </div>        <!--点击回复后这里加上一个div-->                <div class="clearboth"></div>        <div class="line_3"></div>    </div>    <div class="comment">        <div class="userpic"><a href="#"><img src="images/ava_default_1.jpg" alt="" /></a></div>        <div class="content">            <p class="name"><a href="#">路人甲</a></p>                        <p class="text">我认为人们要感恩的人哟很多法撒旦法涉及多方考虑斯达康减肥就算了打开解放累进税率大幅速卡戴假发就算了打开房间速率可达飞机螺丝钉棵发了看似简单</p>            <p class="info"><a href="#none" class="control" id="rep" >回复</a>  </p>                    </div>        <!--点击回复后这里加上一个div-->        <div class="clearboth"></div>        <div class="line_3"></div>    </div>    <div class="comment">        <div class="userpic"><a href="#"><img src="images/ava_default_1.jpg" alt="" /></a></div>        <div class="content">            <p class="name"><a href="#">路人甲</a></p>                        <p class="text">我认为人们要感恩的人哟很多法撒旦法涉及多方考虑斯达康减肥就算了打开解放累进税率大幅速卡戴假发就算了打开房间速率可达飞机螺丝钉棵发了看似简单</p>            <p class="info"><a href="#none" class="control" id="rep" >回复</a>  </p>                    </div>        <!--点击回复后这里加上一个div-->        <div class="clearboth"></div>        <div class="line_3"></div>    </div>            </div>
登录后复制




1,点击回复后在那里加一个div,在点击这个回复时这个div移除,
2,点其中一个回复后再点击其两个回复时,只能有一个div,其他的移除,
3,也就是说不管点哪个,只能有一个新div出现




回复讨论(解决方案)

<!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=GB2312" /><script type = "text/javascript" src = "js/jquery.js"></script><title>无标题文档</title><style type = "text/css"></style></head><script>$(function(){	$(".control").click(function(){		$("div.insertDiv").remove();		$(this).parents().next(".clearboth").before("<div class= 'insertDiv'>charuchenggong</div>");		return false;	});});</script><body><div>                     <div>        <div class="content">            <p class="name"><a href="#">路人甲</a></p>            <p class="text">我</p>            <p class="info"><a href="#none" class="control" id="rep" >回复</a>  </p>        </div>        <div class="clearboth">sdf</div>        <div class="line_3">sd</div>    </div>    <div class="comment">        <div class="content">            <p class="name"><a href="#">路人甲</a></p>            <p class="text">我认为</p>            <p class="info"><a href="#none" class="control" id="rep1" >回复</a>  </p>        </div>        <!--点击回复后这里加上一个div-->        <div class="clearboth">435</div>        <div class="line_3">345</div>    </div></div></body></html>
登录后复制


把那段加上,就可以了,同时,在同一个页面,不要用相同的id,如果你需要那一组用同样的操作,可以用class,id相同等于把id这个属性废了。
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板