$(this) 中的this 到底是指什么

如上图，这时的this是 #document.,原来是打算find之后，让this是 "span",改写如下

ok，，find()取到span之后，另外执行的，用原来的jquery对象，如果是find()抓到span后，加上.each(function()的，把span作为this.

完整代码如下：

<!DOCTYPE html>

<html>

<head>

<title>菜鸟教程(runoob.com)</title>

<style>

.ancestors *{

display: block;

border: 2px solid lightgrey;

color: lightgrey;

padding: 5px;

margin: 15px;

}

</style>

</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 (子节点)

</li>

</ul>

</div>

</body>

</html>