javascript - CSS 选择器 : how to select elements with certain class name

Question

我有一个想法，通过更改我的标签来添加动态 css 样式，并使我的输入元素在 item.areaNo 更改时显示不同。我成功地给了我的标签元素 class='1'，但是 css 类不理解我的选择器。我真的需要知道如何设置正确的选择器。

<ol class="cabin fuselage">
    <li class="row row--1">
        <ol class="seats" type="A">
            <li class="seat"><input type="checkbox" id="01-01" />
                <label for="01-01">01-01</label></li>
            <li class="seat"><input type="checkbox" id="02-01" /> <label
                for="02-01">02-01</label></li>

这是我的jsp，

.seat label.1{background: #50bdc9;}

和我的CSS，

均引用https://codepen.io/siiron/pen/MYXZWg作者:罗尼·西卡洛玛

$.getJSON("gametransfer.controller", function(json) {
         $.each(Object.values(json), function(i, item) {
            console.log(item)
            var aa = '#' + item.seatNo;
            if ($('.seat>input').is(aa)) { 
                if (item.attr == true) {
                    $(aa).prop('disabled', true);                                               
                }
                $(aa).siblings('label').addClass('1');  
            }/*end of outer if */                           
        });
    });

已解决:所有这些尝试都失败并返回第一个标签元素中的所有 item.areaNo。

Answer 1

你需要找到没有。一个 child (li.seat)然后你可以使用for循环然后一个一个地找到标签并为每个标签放置不同的CSS。我希望这是有效的。