$（这个）选择器和他的后代

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();
});