使用td的id从ajax返回的新内容替换a的旧内容

时间:2013-11-21 07:17:17

标签: javascript jquery ajax

因为我有一个coloumn状态,这是我的jsp:

<s:iterator value="uploadList" var="m" status="status">
            <tr>
            <td><s:property value="%{#m.uploadDate}" /></td>
            <td id="status<s:property value="%{#status.index}" /> "><s:property value="%{#m.status}" /></td> <<--this is the status coloumn td with id..
            <td>tbd</td>
            <td id="button<s:property value="%{#status.index}" /> "><img src="images/refresh.png" title="Refresh" class="refresh" id="ref<s:property value="%{#status.index}" />" onclick="refreshRecord(<s:property value="%{#m.fileId}" />);"></td> <<--this is the refresh icon

onclick of refresh img我正在调用ajax,它给出了ajax中处于变量状态的新状态值,并且我在ajax中的变量statusId中有这个状态列id:

这是我的ajax:

$(document).ready(function(){
            $(".refresh").click(function(){
            var currentId=$(this).attr('id');
               var fileId=file;
               $.ajax({
               type:'post',
                url:'checkStatusAndNumRecs',
               data:{fileId:fileId},
                success:function(data)
               {
                    var obj=data.split(':');
                    var status=obj[0];
                    var numrecs=obj[1];
                    var statusId=currentId.replace("ref","status"); <<---this is the status col td's id.
                    $(statusId).html(status);
                    alert("after"+currentId);
               },

问题是我用它来用这样的新内容替换旧内容: $(statusId).html(status);其中statusId是状态col的id,status是ajax返回的新状态。但是它没有替换.. 请帮帮我。 提前谢谢你。

4 个答案:

答案 0 :(得分:0)

您正在使id正确,但在将其传递给jQuery时需要将其用作id-selector

$('#' + statusId).html(status);

答案 1 :(得分:0)

试试这个

如果您使用id替换旧内容

$('#'+statusId).empty().append(status);

如果您使用classname替换旧内容

$('.'+statusId).empty().append(status);

答案 2 :(得分:0)

$('#'+statusId).html(status);

参考 html()

答案 3 :(得分:0)

我想你可能会改变这个:

  $("#"+statusId).html(status);

引用ID。