jQuery第三弹节点操作属性操作元素遍历

最新推荐文章于 2024-10-11 16:10:25 发布

TalentO_o

最新推荐文章于 2024-10-11 16:10:25 发布

阅读量64

点赞数

分类专栏：前端文章标签： jquery html css javascript

本文链接：https://blog.csdn.net/weixin_42652869/article/details/113390508

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!doctype html>

<head>
	<meta charset="UTF-8">
	<title>节点遍历each()</title>
	<style type="text/css">
		.hot {
			color: #F00;
		}
		
		a {
			color: #000;
			text-decoration: none;
		}
		
		.orange {
			background: #c3910b;
		}
		
		.orange a {
			color: #ffffff;
		}
	</style>
	<script src="js/jquery-1.12.4.js"></script>
	<script type="text/javascript">
		$(function(){
			$("li").each(function(index, element){
				var $li1 = $(this).text() + "<br />";
				$(".p1").append($li1);
			});
		});
	</script>

</head>

<body>
	<section>
		<img src="images/ad.jpg" alt="美梦成真系列抽奖" />
		<ul>
			<li>
				<a href="#">小米的MI 2手机</a><span class="hot">火爆销售中</span></li>
			<li>
				<a href="#">苹果iPad mini</a>
			</li>
			<li>
				<a href="#">三星GALAXY Ⅲ</a>
			</li>
			<li>
				<a href="#">苹果iPhone 5</a>
			</li>
		</ul>
		<p class="p1">
			
		</p>
	</section>
</body>