Добавить класс через Javascript (PHP Loop)

Question

Я знаю, что есть много вопросов по этому поводу, но никто не работал для меня.

for($u = 0; $u < count($pui); $u++){ 
    echo '<li id="catso_'.$u.'" class="btn" value="'.trim($pui[$u]['category_id']).'" onclick="moveCategory(this.value);">'.trim($pui[$u]['category_name']).'</li>'; } 

В приведенном выше коде я хочу добавить active класс по ссылкам, которые были нажимали.

Jquery код:

$('.nav').on('click', 'li', function(){ 
    $('.nav li').addClass('active'); 
    $(this).removeClass('active'); 
}); 

У меня есть функция, которая вызывается на OnClick onclick="moveCategory(this.value);" Однако то, чтобы передать значения в текстовом поле; надеюсь, что это не противоречит функции jquery.

Любая помощь будет высоко оценена.

Спасибо, Utpal

Answer 1

предпочитают использовать литиево идентификатор в обработчик событий, чтобы изменить активный класс

$(document).on("click", "li[id*='catso_']", function(){ 
    //get the loop value to speficy the pressed li 
     var id= this.id.replace('catso_',''); 
    $('#catso_'+id).addClass('active'); 
     //if you want to remove all other active 
     $('.btn:not(#catso_'+id+')').removeClass('active'); //!fixed 
    });