jQuery addClass example

Change class name on click in jQuery

HTML

<div class="tabs">
  <ul class="tabs_caption" id="nav_btns">
  <li class="active" data-url=""><div class="btn_selection"><span>Новости города</span></div></li>
  <li data-url=""><div class="btn_selection"><span>Новости республики</span></div></li>
  <li data-url=""><div class="btn_selection"><span>Полезные статьи</span></div></li>
  </ul>         
</div>

<div class="news-container">

</div>

CSS

li.active {color:#f00;}

JavaScript

$(document).on('click', 'li:not(.active)', function() {

var link = $(this).data('url');

$(this).addClass('active').siblings().removeClass('active');

if(link.length && link !=='undefined') {
$('.news-container').empty();
$('.news-container').load(''+ link +' .news-list');
}
});