$(这个)选择器和他的后代

Question

我试图选择一个后代类$(this).

这是一个例子:

<div class="family">
    <div class="brother">CLICK HIM</div>
    <div class="cousin"></div>
    <div class="sister">TO SELECT HER</div>
</div>

<div class="family">
    <div class="brother"></div>
    <div class="cousin"></div>
    <div class="sister">AND NOT HER</div>
</div>

我想点击.brother并想要选择他的.sister!

使用以下代码我会选择孩子.sister,但这不是我想要做的.

$('.brother').click(function() {
    $('.sister', this).hide();
});

有人能帮助我吗？

Answer 1

你可以使用带有选择器的jQuery函数nextAll():

$('.brother').click(function() {
    $(this).nextAll( ".sister" ).hide();
});

或者带有选择器的jQuery函数siblings():

$('.brother').click(function() {
    $(this).siblings( ".sister" ).hide();
});