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作者：Ronny Siikaluoma

$.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

你需要找不到。一个孩子（li.seat）然后你可以使用for循环然后逐个找到标签，并为每个标签添加不同的CSS。我希望它能够奏效。

Css选择器：如何选择具有特定类名的元素

1 个答案: