jquery - 更改父元素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 ，我想删除以前的选择类并将其添加到单击的新元素中。

有谁知道我会怎么做？

标签： jquerycss

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');
});