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）的元素，其中类。

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

跨度不会在div内更新

5 个答案: