Question

jquery如何用this得到自已的上一层啊

<div class="test"><textarea>AAA</textarea></div>
<div class="test"><textarea>BBB</textarea></div>
我想点击第一个框时，把其父div背景设为红色
失去焦点时恢复
我做的是，但有问题
$(".test textarea").focus(function(){
/* $(this).css({"bakcground":white}); */
$(".test textarea").css({"bakcground":"red"});//所有都变了
}),
$(".test textarea").blur(function(){
/* $(this).css({"bakcground":white}); */
alert(123);//blur 有问题 未弹出
})
debug无错误，如何更改，谢谢高手指点

Answer 1

调用parent或者closest方法，推荐用第二个：

$(".test textarea").focus(function(){
$(this).closest("div.test").css({"bakcground":"red"});
}).blur(function(){
$(this).closest("div.test").css({"bakcground":"white"});
})

Answer 2

JQ有个自带的parent的方法，他是返回上级的节点，也有个返回上上级的方法是parents('这里是你的上级ID或Class名')

$(this).parent(".selected")

如果他的上级名字叫selected是这个class就可以找到了

这些方法，可以去看一下JQ手册，上面都讲得很明白。