更改父元素jQuery中所有元素的类

Question

在父div上单击一个元素时，id喜欢更改该元素类，同时还要更改同一父内的所有其他元素。到目前为止，我的代码看起来像这样

$(".vehicle_block").unbind().click(function(e){
    e.stopImmediatePropagation();
    var booking_id = $("#booking_id").val();
    var vehicle_no = $(this).parent().attr('id');
    var vehicle_id = $(this).attr('name');


    $(this).attr('class','vehicle_block selected');

});

因此，当单击.vehicle_block元素时，将添加所选的类。如果用户要在同一父级中单击另一个.vehicle_block，我想删除以前的select类，并将其添加到单击的新元素中。

有人知道我会怎么做吗？

Answer 1

使用https://api.jquery.com/siblings/是一种方法

$(".vehicle_block").unbind().click(function(e){
    e.stopImmediatePropagation();
    var booking_id = $("#booking_id").val();
    var vehicle_no = $(this).parent().attr('id');
    var vehicle_id = $(this).attr('name');


    $(this).addClass('selected');
    $(this).siblings().removeClass('selected');
});