如上图，这时的this是 #document.,原来是打算find之后，让this是 "span",改写如下
ok，，find()取到span之后，另外执行的，用原来的jquery对象，如果是find()抓到span后，加上.each(function()的，把span作为this.
完整代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
.ancestors *{
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
</style>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("ul").find("span").css({"color":"red","border":"2px solid red"}).each(function() {
var t=$(this).html();
$(this).html(t+"xxx");
});
});
</script>
</head>
<body class="ancestors">body (曾祖先节点)
<div style="width:500px;">div (祖先节点)
<ul>ul (直接父节点)
<li>li (子节点)
<span>span (孙节点)</span>
</li>
</ul>
</div>
</body>
</html>
627
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
