Span在div中未更新

Question

您好，我正在嘗試從ajax調用更新div跨度文本，這是我的html結構：

<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>

我試圖更新狀態IN PROGRESS到SHIPPED

但是我的jQuery無法做到這一點：

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

當我item.CurrentStatus警報時， Item.id和item.CurrentStatus都具有正確的值。

Answer 1

您需要在跨度之前添加一個空格：

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

Answer 2

要在那里插入一個空格。

$('#' + item.id + ' span.status').text(item.CurrentStatus);

或更清楚地說：

$('#' + item.id).find('span.status').text(item.CurrentStatus);

Answer 3

我相信您的選擇器中需要一個空格：

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

Answer 4

我想您錯過了選擇器中的空格

嘗試這個

 $('#' + item.id + " .status").text(item.CurrentStatus);

Answer 5

如前所述，您需要插入一個空格。 該空間表示具有類狀態的<span>元素是具有給定id的元素的后代 。

如果沒有空格，您要說的是給我id <id>span的元素（例如23span ），其類為status 。

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