用div封装某些元素

pengzhaocheng16

浏览: 182168 次
性别:
来自: 广州

最近访客更多访客>>

cljuan0603

84303988

gsm0251321

z268l830

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

<!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 src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript" ></script>
<script type="text/javascript">
$(function(){
	$(".topSaleList li").each(function(){
		var o=$(this).find("a").eq(0).clone(true);
                 $(this).find("a").eq(0).remove();               
                var htm=$(this).html()
               this.innerHTML="<div>"+htm+"</div>";
	       o.prependTo($(this));
	})
})
</script>
<style type="text/css">
*{ margin:0px; padding:0px;}
body{ font:12px/1.5 Arial,sans-serif;}
ul,li{ list-style:none;}
img{ border:none;}
a{ text-decoration:none; color:#000;}
.topSaleList {
background: white;
border: 1px solid #CCC;
padding: 5px;
width: 178px;
}
.topSaleList ul li {
display: block;
border-bottom: 1px dashed #CCC;
padding: 5px;
line-height: 18px;
overflow: hidden;
}
.topSaleList ul li img{ width:66px; height:89px; float:left; display:block; margin-right:5px;}
.topSaleList ul li span{color: #E80000;}
</style>
</head>
<body>
<div class="topSaleList">
		<ul>
				<li>
					<a href="#"><img src="http://images.coco.com.cn/uploads/product/2011/06/f500bdf0-95a1-4f75-b9be-4bf8cb74c4a9.jpg" /> </a>
                          
					<a href="#"> COCO 120D竖条纹提花分段 真人 黑色性感显瘦 段 真人 黑色性感显瘦</a>
					<br>
					售价：
					<span class="red_cu">￥268.0</span>
					<br>
					月销量：
					<span class="red_cu">39</span>件
				</li>
			
				<li>
					<a href="#"><img src="http://images.coco.com.cn/uploads/product/2011/06/eadb2eab-0104-42cc-aa60-691f24271b2d.jpg"  /></a>
					<a href="#">coco正品夏季女性感可爱蕾丝 </a>
					<br>
					售价：
					<span class="red_cu">￥168.0</span>
					<br>
					月销量：
					<span class="red_cu">27</span>件
				</li>
			
				<li>
					<a href="#"><img src="http://images.coco.com.cn/uploads/product/2011/06/b4e77c7d-b3c9-4a2c-92f2-d089dc2c8a6b.jpg" /> </a>
					<a href="#"> coco新品 华丽镶钻文胸聚拢 </a>
					<br>
					售价：
					<span class="red_cu">￥159.0</span>
					<br>
					月销量：
					<span class="red_cu">25</span>件
				</li>
			
		</ul>
	</div>
</body>
</html>

分享到：