Javascript 替换表格单元格内的图像不会’；行不通

我有一个表，其中的行是使用jQuery动态添加的（最新的一行位于顶部，使用prepend）。如果是错误行，则第一列中的文本将为“x”。如果成功，第一列中的文本将是数字，如1,2,3

如果最新的一行是错误行，我需要应用背景色（使用类“firstErrorLine”）并用图像替换文本“x”。同时，我需要删除所有其他行中的图像，并用文本“x”替换图像。我尝试了多种jQuery方法，但都不起作用。以下是失败的方法之一

//$("#tblVisualAidResult tbody tr td:first img").hide().parents("tr td:first").html('x');

有什么想法我们可以做到这一点吗

jQuery代码

$(document).ready(function () 
{


function styleFirstErrorLine(isFailureExist)
{

            $("#tblVisualAidResult tbody tr").removeClass('firstErrorLine');

            //$("#tblVisualAidResult tbody tr td:first img").hide().parents("tr td:first").html('x');

            if(isFailureExist)
            {               
                $("#tblVisualAidResult tbody tr:first").addClass('firstErrorLine');

                var firstCell = $("#tblVisualAidResult tbody tr:first td:first");
                $(firstCell).html('<img width="50" height="50" class="errorImage" src="../images/Error2_BMP.JPG"/>');
            }
  }

styleFirstErrorLine(true);


});

$（文档）.ready（函数（）
{
函数样式FirstErrorLine（isFailureExist）
{
$（“#tblVisualAidResult tbody tr”）.removeClass（'firstErrorLine'）；
//$（“#tblVisualAidResult tbody tr td:first img”）.hide（）.parents（“tr td:first”）.html（'x'）；
如果（isFailureExist）
{               
$（“#tblVisualAidResult tbody tr:first”）.addClass（'firstErrorLine'）；
var firstCell=$（“#tblVisualAidResult tbody tr:first td:first”）；
$（firstCell.html（“”）；
}
}
styleFirstErrorLine（true）；
});

HTML

<table id="tblVisualAidResult" class="resultLog" border="0" cellpadding="0" cellspacing="0"
    style="width: 100%; display: table; background-color: rgb(229, 219, 226);">
    <thead>
        <tr>
            <td class="Heading3" style="width: 20%;">
                Serial No
            </td>
            <td class="Heading3" style="width: 30%;">
                Container ID
            </td>
            <td class="Heading3">
                Status
            </td>
        </tr>
    </thead>
    <tbody>
        <tr class="Normal">
            <td style="padding-left: 5px">
                x</td>
            <td>
                TEST4
            </td>
            <td>
                Case Label does not Exist
            </td>
        </tr>
        <tr class="Normal">
            <td style="padding-left: 5px">
                2
            </td>
            <td>
                182145011
            </td>
            <td>
                Received 2 of 2 of work lot S318214501
            </td>
        </tr>

        <tr class="Normal">
            <td style="padding-left: 5px">
                <img width="50" height="50" class="errorImage" src="../images/Error2_BMP.JPG"></td>
            <td>
                test3
            </td>
            <td>
                Case Label does not Exist
            </td>
        </tr>
        <tr class="Normal">
            <td style="padding-left: 5px">
                <img width="50" height="50" class="errorImage" src="../images/Error2_BMP.JPG"></td>
            <td>
                test2
            </td>
            <td>
                Case Label does not Exist
            </td>
        </tr>
        <tr class="Normal">
            <td style="padding-left: 5px">
                1
            </td>
            <td>
                182145029
            </td>
            <td>
                Received 1 of 2 of work lot S318214501
            </td>
        </tr>
        <tr class="Normal">
            <td style="padding-left: 5px">
                <img width="50" height="50" class="errorImage" src="../images/Error2_BMP.JPG"></td>
            <td>
                test1
            </td>
            <td>
                Case Label does not Exist
            </td>
        </tr>
    </tbody>
</table>

序列号
容器ID
地位
x
测试4
案例标签不存在
2.
182145011
收到S318214501工包的2份，共2份
测试3
案例标签不存在
测试2
案例标签不存在
1.
182145029
收到S318214501工包的第2份中的第1份
测试1
案例标签不存在

如果我正确理解您想要实现的目标，您应该使用

td:first child

而不是

td:first

---

我不确定这是否是您想要的，但请尝试类似于

$（“#tblVisualAidResult img”）。替换为（'x'）。例子：