jquery - 如何将 "chain"选择器放在一起并在 jQuery 中应用相同的函数

Question

也许标题并没有真正说明我的问题是什么。

<ul>
    <li>A</li>
    <li>B</li>
    <li class="test">C</li>
    <li>D</li>
</ul>

我想做的是将背景色应用到具有“test”类的元素的相邻兄弟元素，并且它们本身也一样，其中总共三个元素将具有背景色。所以我必须执行以下操作。

    $('ul li.test').each(function(){
        $(this).prev().css('background','red');
        $(this).css('background','red');
        $(this).next().css('background','red');
    });

我认为这是一个非常难看的编码。有没有办法做类似 $(prev, this, next).somefunction()谢谢你

Answer 1

您可以使用 .add() 将元素添加到匹配元素集中:

$(this).add($(this).prev()).add($(this).next()).css('background','red');

或者使用 .addBack()(.andSelf() 对于 1.8 之前的 jQuery 版本):

$(this).prev().addBack().next().addBack().css('background','red');