Question

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

例如，为系链li添加选定的类。

Answer 1

document.querySelector('.selected').classList.remove('selected');
document.querySelector("li[data-value=tether]").classList.add('selected');

.selected{
  color: red;
}

<ul class="b-list" style="display: block;">
  <li data-value="bitcoin" data-name="bit" class="bitem selected">Item 1</li>
  <li data-value="tether" data-name="tet" class="bitem">Item 2</li>
  <li data-value="bitcoin-cash" data-name="bitchash" class="bitem">Item 3</li>
</ul>

Answer 2

尝试一下：-

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

如何将选定的类别添加到其他li项目

2 个答案: