$(this) 选择器及其后代

Question

我正在尝试 select $(this) 的后代 class。

举个例子:

<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，想select他的.sister!

使用以下代码，我将 select .sister 的 child，但这不是我想要做的。

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

$(this) 选择器及其后代

$(this) selector and his descendant

javascript

jquery

jquery-selectors