首页 > 解决方案 > 如何将所选课程添加到其他 li 项目

问题描述

如何li使用jQueryor将选定的类添加到其他类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

标签: javascriptjquery

解决方案


尝试这个:-

$(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>


推荐阅读