Как изменить класс элемента списка с помощью jQuery? - PullRequest
Новая
       3

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

0 голосов
/ 18 декабря 2011

Мое приложение требует, чтобы пользователи загружали набор необходимых документов (Загрузка № 1, Загрузка № 2, Загрузка № 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;

}

1 Ответ

1 голос
/ 18 декабря 2011 
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();
}
...