Как добавить выбранный класс в другой элемент li

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).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>

Answer 2

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>