javascript - 将类动态设置为选定的 标签

Question

我在尝试为 <li> 设置点击监听器时遇到了一些麻烦动态地。这是我填充列表的代码:

for(var i = 0; i < chatlist.length; i++){
        $('<li class="contact"><div class="wrap"><div class="meta"><p class="name">' + contact + '</p><p class="preview">' + preview + '</p></div></div></li>').appendTo($('#contacts ul'));
    }

选中行的点击监听器:

    $('#contacts').on('click', 'li', function() {
        var index = $(this).index();
        console.log(index);
   });

我正在使用 this template .选择行后，我想设置选定的 <li>标记为

<li class = 'contact active'></li>

我设法获得了选定的行索引，但我不确定如何为选定的 <li> 设置 HTML 类.有什么想法吗？

Answer 1

I managed to get the selected row index but I not sure how to set the HTML class for selected <li>. Any idea?

你可以 addClass在 click 上事件本身

$('#contacts').on('click', 'li', function() {
    $( "#contacts li" ).removeClass( "active" ); //assuming that it has to be removed from other li's, else remove this line
    $( this ).addClass( "active" );
});