需要切换/删除类与兄弟选择器

我有两个按钮，当我点击任何一个功能添加类“选择”，但如果我推其他按钮两个按钮保持相同的类，我用兄弟姐妹选择器，但不能正常工作，¿你能帮助我吗？需要切换/删除类与兄弟选择器

$('.btn-switch-view').on('click', function() { 
 
    $(this).addClass('btn-switch-view-selected'); 
 
    $('.btn-group').siblings('a.btn-switch-view-selected').removeClass('btn-switch-view-selected'); 
 
});

.btn-group .btn-default.btn-switch-view { 
 
    color: #b2b2b2; 
 
} 
 
.btn-group a.btn-default.btn-switch-view:hover, 
 
a.btn-default.btn-switch-view-selected { 
 
    color: #1b4298!important; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="btn-group"> 
 
    <a href="#" id="grid" class="btn btn-default btn-sm btn-switch-view"> 
 
    <i class="fa fa-th-large" aria-hidden="true"></i> 
 
    </a> 
 
    <a href="#" id="list" class="btn btn-default btn-sm btn-switch-view"> 
 
    <i class="fa fa-th-list" aria-hidden="true"></i> 
 
    </a> 
 
</div>

来源

2016-10-14 AlonsoCT

我只是格式化你的代码为你，但你应该养成早睡早起的习惯自己一直在做这件事。它会帮助你和其他人更快地找出错误。 –

'.btn-group'没有兄弟姐妹是主播吗？但它确实有两个孩子是锚。 – adeneo

谢谢adeneo，是正确的！ :) – AlonsoCT

你已经在this锚，现在瞄准兄弟锚，删除类

$('.btn-switch-view').on('click', function() { 
 
    $(this).addClass('btn-switch-view-selected') 
 
     .siblings() 
 
     .removeClass('btn-switch-view-selected'); 
 
});

.btn-group .btn-default.btn-switch-view { 
 
    color: #b2b2b2; 
 
} 
 
.btn-group a.btn-default.btn-switch-view:hover, 
 
a.btn-default.btn-switch-view-selected { 
 
    color: #1b4298!important; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="btn-group"> 
 
    <a href="#" id="grid" class="btn btn-default btn-sm btn-switch-view"> 
 
    <i class="fa fa-th-large" aria-hidden="true">Button</i> 
 
    </a> 
 
    <a href="#" id="list" class="btn btn-default btn-sm btn-switch-view"> 
 
    <i class="fa fa-th-list" aria-hidden="true">Button</i> 
 
    </a> 
 
</div>

来源

2016-10-14 22:19:45 adeneo

非常感谢你的帮助！ – AlonsoCT

$('.btn-group').siblings('a.btn-switch-view-selected')

应该是

$(this).siblings('a.btn-switch-view-selected')

因为你是努力的目标的.btn-switch-view兄弟姐妹（这是被点击的元素），而不是.btn-group

来源

2016-10-14 22:21:49

需要切换/删除类与兄弟选择器

回答

相关问题