转换,遍历元素

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>bianli</title>
</head>
<body>
	<div class="box" id="box">
		<div class="box1" id="box1">
			<div class="box2" id="box2">
				<ul class="box3" id="box3">
					<li class="li1" id="li1">我是li1</li>
					<p class="p1" id="p1">我是p标签</p>
					<li class="li2" id="li2">我是li2</li>
					<li class="li3" id="li3">我是li3</li>
					<li class="li4" id="li4">我是li4</li>
					<li class="li5" id="li5">我是li5</li>
					<li class="li6" id="li6">我是li6</li>
					<li class="li7" id="li7">我是li7
						<ul></ul>
					</li>
					<li class="li8" id="li8">我是li8</li>
					<li class="li9" id="li9">我是li9</li>
				</ul>
			</div>
		</div>
	</div>
	<script src="../jquery/jquery-3.3.1.js"></script>
	<script>
		$(function(){
			console.log($("li").map(function(index,domElement){     
			//将一种jQuery对象转化成另一种jQuery对象。
				return this.id;
			}));
			console.log($("div").each(function(index,domElement){   
			//遍历所有元素,如果id=box不加title,否则加title=id
				if(this.id==="box"){
					return true;
				}
				else
				{this.title=this.id;}
			}));
		})
	</script>
</body>
</html>


结果如下:

猜你喜欢

转载自blog.csdn.net/zhangqling/article/details/79951878