javascript - 如何将所选课程添加到其他 li 项目
问题描述
如何li
使用jQuery
or将选定的类添加到其他类JavaScript
:
<ul class="b-list" style="display: block;">
<li data-value="bitcoin" data-name="bit" class="bitem selected"></li>
<li data-value="tether" data-name="tet" class="bitem"></li>
<li data-value="bitcoin-cash" data-name="bitchash" class="bitem"></li>
</ul>
例如为 tether 添加选定的类li
。
解决方案
尝试这个:-
$(document).ready(function(){
$('.b-list li').click(function(){
$('.b-list li').removeClass('selected');
$(this).addClass('selected');
});
});
.selected{
color: red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
<ul class="b-list" style="display: block;">
<li data-value="bitcoin" data-name="bit" class="bitem selected">one</li>
<li data-value="tether" data-name="tet" class="bitem">two</li>
<li data-value="bitcoin-cash" data-name="bitchash" class="bitem">three</li>
</ul>
推荐阅读
- java - if(object == null) v if(null == object) 之间的区别?
- xcode - Xcode中手动文件导入和pod安装之间的区别?
- r - R中2个日期之间的时间差(以分钟为单位),它给出了错误的结果
- google-drive-api - 使用云存储提供商的应用
- postman - 邮递员请求中的未定义变量
- botframework - LUIS 和 QNA Maker 的脚本
- angular - 从 api 接收的角度 4 设置下拉选项值
- express - 将会话 cookie 设置为用户代理
- arrays - 具有匿名函数的 Linspace 每隔一秒跳过一次值
- npm - 通过 package.json 将视觉样式应用于 npm 脚本中使用的 echo 命令