javascript - 循环单选按钮并更改最近的 div、jquery 上的背景颜色

Question

我有一个 6 x 8 网格，主要由同名“tselect”下的单选按钮组成。当页面加载时，我希望它们都运行一个类似于这个的命令

$(this).closest('div').addClass('highlight', 300);

基本上通过在顶部添加一个新的 div 类来更改最近的 div 的背景颜色。我试着做一个 for 循环来遍历所有这些，但是 jquery 命令没有执行。有什么想法吗？

编辑:添加代码...

<div id="sch_cal">
                <div id="sch_cal_column">
                    <div id="sch_cal_row">
                        <div id="sch_cal_time"><p class="ctime">8:00am</p></div>
                        <div style="height: 100%"><input class="ctime" type="radio" name="tselect"/></div>
                    </div>
                    <div id="sch_cal_row">
                        <div id="sch_cal_time"><p class="ctime">8:20am</p></div>
                        <div style="height: 100%"><input class="ctime" type="radio" name="tselect"/></div>
                    </div>
                    <div id="sch_cal_row">
                        <div id="sch_cal_time"><p class="ctime">8:40am</p></div>
                        <div style="height: 100%"><input class="ctime" type="radio" name="tselect"/></div>
                    </div>
                    <div id="sch_cal_row">
                        <div id="sch_cal_time"><p class="ctime">9:00am</p></div>
                        <div style="height: 100%"><input class="ctime" type="radio" name="tselect"/></div>
                    </div>
                    <div id="sch_cal_row">
                        <div id="sch_cal_time"><p class="ctime">9:20am</p></div>
                        <div style="height: 100%"><input class="ctime" type="radio" name="tselect"/></div>
                    </div>
                    <div id="sch_cal_row">
                        <div id="sch_cal_time"><p class="ctime">9:40am</p></div>
                        <div style="height: 100%"><input class="ctime" type="radio" name="tselect"/></div>
                    </div>
                    <div id="sch_cal_row">
                        <div id="sch_cal_time"><p class="ctime">10:00am</p></div>
                        <div style="height: 100%"><input class="ctime" type="radio" name="tselect"/></div>
                    </div>
                    <div id="sch_cal_row">
                        <div id="sch_cal_time"><p class="ctime">10:20am</p></div>
                        <div style="height: 100%"><input class="ctime" type="radio" name="tselect"/></div>
                    </div>
                </div>

Answer 1

如果你需要突出显示最近的 div，也许你需要这样的东西:

$(this).closest('div').effect("highlight", {}, 300);

如果你想改变背景颜色，你可以尝试:

$(this).closest('div').css( "background-color" , "red" )  

或

$(this).closest('div').addClass('highlight');

addClass不将第二个参数作为整数。