JQUERY 点击子元素，父元素隐藏的问题

Question

如何隐藏父元素？
<tr class="tb_tbody_hidden" style="">
<td><div class="" >
<a href="javascript:void(0)" class="tb_click_close">关闭</a>

</div>
</td>
</tr>

Answer 1

点击a链接，隐藏a的父级元素div
$(function(){
$('.tb_click_close').click(function(){
$(this).parent().hide();
})
})

这里主要用到 parent()这个方法，即取当前对象的父级元素，要父级的父级就$(this).parent().parent() 以此类推

追问

当前对象的父级元素的同级元素下一个怎么取？$(this).parents(".abc").next("abc2")不行啊，

追答

parent()为当前元素的父级元素，parents()则是取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。

$('p').parent()取到的是div2,div3,div4
$('p').parent('.a')取到的是div3
$('p').parent().parent()取到的是div1，这点比较奇特；不过Jquery对象本身的特点决定了这是可行的。
$('p').parents()取到的是div1,div2,div3,div4
$('p').parents('.a')取到的是div3

$(this).parents(".abc").next(".abc2")为当前元素的祖先级元素中class=abc的元素之后的class=abc2的元素。不知道我的表达清楚不清楚。。。
楼主的next("abc2") 貌似少了个点？next(".abc2")

Answer 2

设上 id 或者class
$(".tb_tbody_hidden").hide();