Как изменить класс элемента списка с помощью jQuery?

Question

Мое приложение требует, чтобы пользователи загружали набор необходимых документов (Upload # 1, Upload # 2, Upload # 3). Когда загрузка завершается, она возвращает идентификатор требования (req_id).

На странице отображается список требований, и я хотел бы использовать jQuery для изменения класса элемента списка из «отсутствует» в «завершение» и загрузка завершена.

HTML:

<ul> 
    <li class="missing" rel="1"> 
     <a href="#" target="_blank">Upload #1</a> 
    </li> 
    <li class="missing" rel="2"> 
     <a href="#" target="_blank">Upload #2</a> 
    </li> 
    <li class="missing" rel="3"> 
     <a href="#" target="_blank">Upload #3</a> 
    </li> 
</ul> 

Javascript:

function stopUpload(success, req_id){ 

    if (success == 1){ 
     $('#upload_result').html('<span class="msg">Success!<\/span>'); 
     $(req_id).attr('rel').removeClass().addClass('complete') 
    } 
    else { 
     $('#upload_result', window.parent.document).html(
     '<span class="emsg">Error!<\/span>'); 
    } 
    $('#upload_progress').hide(); 
    return true; 

} 

Answer 1

function stopUpload(success, req_id){ 

    if (success == 1){ 
     $('#upload_result').html('<span class="msg">Success!<\/span>'); 
     $("ul li[rel=" + req_id + "]").removeClass().addClass('complete') 
    } 
    else { 
     $('#upload_result', window.parent.document).html(
     '<span class="emsg">Error!<\/span>'); 
    } 
    $('#upload_progress').hide(); 
}