21-问题
5.5.1 问题
你在另一个JavaScript程序库中找到一个有用的函数,希望在jQuery代码中使用相同的技术。在本例中,要使用来自Ext Core程序库的 .radioClass() 方法,该方法能为匹配的元素添加一个类并从匹配元素的所有兄弟元素中删除同一个类。
注意
.radioClass()这一名称来自于Web应用和桌面应用中单选按钮的表现,单击选中一个按钮之后,会删除同一组中的其他按钮。 这种输入元素命名为单选按钮(radio button)是源自旧的汽车收音机上的选台按钮——当这种机械按钮按下之后,其他的所有按钮都会弹起。
假定有如下HTML:
<div>
<div id="one" class="hilite">One</div>
<div id="two">Two</div>
<div id="three">Three</div>
<div id="four">Four</div>
</div>
你想要这样运行代码:
// 为div#three添加"hilite"类,从其兄弟元素中删除该类(如div#one)
// $('#three').radioClass('hilite');
你甚至可能想要允许“多选”按钮类:
// 为div#three和div#four添加"hilite"类,从其兄弟元素中删除该类(div#one和div#three)
$('#two,#four').radioClass('hilite');