Klasse hinzufügen über Javascript (PHP Loop)

Question

Ich weiß, dass es viele Fragen zu diesem jedoch keine für mich gearbeitet hat.

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>'; } 

In dem obigen Code möchte ich active Klasse auf die Links hinzuzufügen, die angeklickt wurden.

JQuery-Code:

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

Ich habe eine Funktion Onclick onclick="moveCategory(this.value);" jedoch das heißt aufgerufen, die Werte in der Textbox zu passieren; hoffe, dass das nicht mit der jquery-Funktion in Konflikt steht.

Jede Hilfe wird sehr geschätzt.

Danke, Utpal

Answer 1

bevorzugt die li-ID im Ereignishandler mit aktiver Klasse

$(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 
    });