Question

Hello I’m trying to update div span text from ajax call, here is my html structure :

<div id="23" class="message product error">
        <strong>
            <br> 
            <strong>Unique id Id:</strong>
            <span class="uniqueId" style="color: #000; font-weight: bold;">job_201208311928_78749</span>
            <br> 
            <strong>Job Status:</strong> 
            <span class="status" style="color: #000; font-weight: bold;">IN PROGRESS</span>
</div>

I’m trying to update status IN PROGRESS to SHIPPED

But my jquery fails to do it :

function update (item){
    $('#' + item.id + "span.status").text(item.CurrentStatus);
}

Item.id and item.CurrentStatus both have right values when I alert.

Answer 1

You need to include a space before your span:

function update (item){ 
    $('#' + item.id + " span.status").text(item.CurrentStatus); 
}