2011-12-17 23 views
0

我的應用程序要求用戶上傳一組必需的文檔(上傳#1,上傳#2,上傳#3)。上傳完成後,它會返回需求標識符(req_id)。如何使用jQuery更改列表項類?

該頁面顯示需求列表,我想使用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
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(); 
} 
相關問題