gpt4 book ai didi

jquery 遍历到父级以更改 css

转载 作者:太空宇宙 更新时间:2023-11-04 04:50:33 25 4
gpt4 key购买 nike

我在一个页面上有多个下拉列表:

HTML

<div class="select-full">
<select id="activitylevel" class="input_select step2-ddl c2-sb-enabled">
<option selected="selected" value="-1">-- please select --</option>
<option value="1">Step 1 </option>
<option value="3">Step 2</option>
<option value="4">Step 3</option>
</select>
<div class="c2-sb-wrap" tabindex="0">
<div class="c2-sb-inner-wrap"></div>
</div>
</div>

我想将带有 c2-sb-inner-wrap 类的边框应用到任何尚未选择的选择(值 == -1)

我正在尝试使用 closest() 和 next/nextAll 但它没有发生:

$('.step2-ddl').each(function() {

if ($(this).val() == '-1') {
$(this).closest('.select-full').nextAll('.c2-sb-inner-wrap').css('border-color', '#f86556').css('border-style', 'solid');
}
else {
$(this).closest('.select-full').nextAll('.c2-sb-inner-wrap').css('border-style', 'none');
}
});​

最佳答案

使用 .find() 而不是 .nextAll()

喜欢:

$(this).closest('.select-full').find('.c2-sb-inner-wrap')
.css('border-color', '#f86556').css('border-style', 'solid');

作为旁注,我建议切换类而不是直接更改 CSS 属性,因为它既精简又干净。

关于jquery 遍历到父级以更改 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13557117/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com