Question

我们有以下情况：

<ul>
    <li>Button 1</li>
    <li class="active">Button 2</li>
    <li>Button 3</li>
    <li>Button 4</li>
</ul>

现在处理它的以下代码：

    $('.tab-menu li').on('click', function() {
        $($($(this).closest('.tab-menu')).find('li')).removeClass('active');
        $(this).addClass('active');
    });

它有效，但是有一个jQuery函数可以选择所有'并行'元素吗？我要这个部分

$($($(this).closest('.tab-menu')).find('li')).removeClass('active');

缩短。我知道'toggleClass'，但这只适用于点击的元素。有没有更短的方法来选择所有并行元素？（在这个siutation中所有'li'属于特定'ul'）;

Answer 1

使用.siblings()

尝试此操作

$(this).addClass('active').siblings().removeClass('active');

带有onclick的

DEMO

并行元素选择器

1 个答案: