Question

我有一个带按钮的工具栏。只有一个按钮有班级＆＃39; btn-info＆＃39;例如，表明它当前已被选中。

但它可能不是＆＃39; btn-info＆＃39;，它可能是btn-anything。

如果我单击工具栏中的任何按钮，我想知道匹配的类在哪个按钮上被选中。

我试过了：

$('.btn-toggle-group .btn').click(function(){
    var selectedClass = $(this).siblings('button[class^="btn-"]').prop('class')
    $('.btn-toggle-group .btn').removeClass('btn-info btn-primary btn-danger btn-success btn-warning btn-default')
})

和...

$('.btn-toggle-group .btn').click(function(){
    var selectedClass = $(this).parent().find('[class^="btn-"]').prop('class')
    $('.btn-toggle-group .btn').removeClass('btn-info btn-primary btn-danger btn-success btn-warning btn-default')
})

但无济于事。

我怎样才能做到这一点？ Jquery或纯Javascript中的解决方案很好（Javascript是首选，因为它是原生的，更快）。

 <div class="btn-group btn-toggle-group">
            <button type="button" class="btn btn-info">Current</button>
            <button type="button" class="btn">Deleted</button>
        </div>

Answer 1

我认为您只需切换到.attr('class')而不是.prop('class')。 DOM元素具有属性className和classList;如果愿意，你也可以使用它们。

Answer 2

尝试使用*代替^

$(this).siblings('button[class*="btn-"]').prop('class');

找到任何具有匹配类的兄弟

2 个答案: