jquery - 如何根据前一个兄弟的后代的类选择元素

Question

如果 span 包含一个带有选中值的类，我想选择标签元素来应用 CSS 属性。这是清楚的代码:

<li>
    <div class="radio">
        <span class="checked"><input style="position: absolute;left: -9999px;" id="28" type="radio" class="attribute_radio" name="group_4" value="28" checked="checked">
        </span>
    </div>
    <label style="cursor: pointer;display:initial;padding: 1px 7px 5px;border: 1px solid #BFBFBF;" for="28">46-48</label>
</li>
<li>
    <div class="radio" id="uniform-51">
        <span><input style="position: absolute;left: -9999px;" id="51" type="radio" class="attribute_radio" name="group_4" value="51" checked="checked">
        </span>
    </div>
    <label style="cursor: pointer;display:initial;padding: 1px 7px 5px; border: 1px solid #BFBFBF;" for="51">42-44</label>
</li>

所以我想做的是将 CSS 应用于第一个标签，因为跨度具有类“已检查”(第一个 li)，但第二个 li 中没有跨度。

Answer 1

而不是拥有

class="checked" 

关于<input>放在祖上<li> :

<li class="checked">
    <div class="radio">
        <span><input style="position: absolute;left: -9999px;" id="28" type="radio" class="attribute_radio" name="group_4" value="28" checked="checked"></span>
    </div>
    <label style="cursor: pointer;display:initial;padding: 1px 7px 5px;border: 1px solid #BFBFBF;" for="28">46-48</label>
</li>

然后您可以定位 <span>喜欢:

.checked .radio span {//do stuff}

标签如下:

.checked label {//do stuff}