javascript - Span 不会在 div 中更新

Question

您好我正在尝试从 ajax 调用更新 div span 文本，这是我的 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.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); 
}