Javascript JQuery-用图像替换表文本值

我希望使用Javascript\JQuery将html表数据值替换为FontAwesomeFonts

我有两个函数根据单元格的内容替换单元格值，但是有些单元格可能是空的，所以我想改为按Id搜索单元格

请有人告诉我\告诉我在我的代码中的什么地方我将如何通过Id搜索这些值，然后我可以在我的表中的每个单元格中执行此操作

<table class="table">
  <th>
    Result
  <th/>
  <td id="Result">
    Success
  <td/>
 <table/>

结果
成功

然后在我的js文件中，我有一个可行的方法，但是我想知道如何通过Id而不是内容来更改值

$(document).ready(function () {
$("td:contains('Success')").html('<img src="../Static/Images/GreenTick.png" alt="Success" height="40px" width="50px"/>');
});

$(document).ready(function () {
$("td:contains('Fail')").html('<img src="../Static/Images/red-cross-md.png" alt="Success" height="40px" width="50px"/>');
});

$（文档）.ready（函数（）{
$（“td:contains（'Success'）”）.html（“”）；
});
$（文档）.ready（函数（）{
$（“td:contains（'Fail'）”）.html（“”）；
});

谢谢

---

Simon

似乎对jQuery很陌生，因为您不知道基本的选择器

$（“#id name”）

选择DOM id，

$（“.class name”）

选择DOM类

$("#Result").html('<img src="../Static/Images/GreenTick.png" alt="Success" height="40px" width="50px"/>');

$（“#结果”）.html（“”）；

您似乎对jQuery很陌生，因为您不知道基本的选择器

$（“#id name”）

选择DOM id，

$（“.class name”）

选择DOM类

$("#Result").html('<img src="../Static/Images/GreenTick.png" alt="Success" height="40px" width="50px"/>');

$（“#结果”）.html（“”）；

您可以使用JQuery的ID选择器，它是$（“#ID”）

就是这样

$(document).ready(function () {
    $("#Result").html('<img src="../Static/Images/GreenTick.png"     alt="Success" height="40px" width="50px"/>');
});

$(document).ready(function () {
    $("#Result").html('<img src="../Static/Images/red-cross-md.png"     alt="Success" height="40px" width="50px"/>');
});

$（文档）.ready（函数（）{
$（“#结果”）.html（“”）；
});
$（文档）.ready（函数（）{
$（“#结果”）.html（“”）；
});

您可以使用JQuery的ID选择器，它是$（“#ID”）

就是这样

$(document).ready(function () {
    $("#Result").html('<img src="../Static/Images/GreenTick.png"     alt="Success" height="40px" width="50px"/>');
});

$(document).ready(function () {
    $("#Result").html('<img src="../Static/Images/red-cross-md.png"     alt="Success" height="40px" width="50px"/>');
});

$（文档）.ready（函数（）{
$（“#结果”）.html（“”）；
});
$（文档）.ready（函数（）{
$（“#结果”）.html（“”）；
});

$（文档）.ready（函数（）{
$（'.table td'）。每个（函数（）{
if（$.trim（$（this）.text（））=='Success'）{
//这将用成功图像替换成功文本
$（此）.text（“”）；
}如果（$.trim（$（this.text（））=='fail'），则为else{
//这将用失败图像替换失败文本
$（此）.text（“”）；
}
});
});

结果
成功
失败

$（文档）.ready（函数（）{
$（'.table td'）。每个（函数（）{
if（$.trim（$（this）.text（））=='Success'）{
//这将用成功图像替换成功文本
$（此）.text（“”）；
}如果（$.trim（$（this.text（））=='fail'），则为else{
//这将用失败图像替换失败文本
$（此）.text（“”）；
}
});
});

结果
成功
失败
您必须在contains（成功）not contains（'Success'）中使用

$（文档）.ready（函数（）{
$（“td:contains（Success）”）.html（“”）；
});
$（文档）.ready（函数（）{
$（“td:contains（Fail）”）.html（“”）；
});
您必须在contains（成功）not contains（'Success'）中使用

$（文档）.ready（函数（）{
$（“td:contains（Success）”）.html（“”）；
});
$（文档）.ready（函数（）{
$（“td:contains（Fail）”）.html（“”）；
});
如果元素包含所需的文本（在本例中为“Success”），则可以按如下方式使用Jquery Id选择器来更改元素的html：

$（文档）.ready（函数（）{
$（“#结果：包含（'Success'）”）.html（“”）；
});
如果元素包含所需的文本（在本例中为“Success”），则可以按如下方式使用Jquery Id选择器来更改元素的html：

$（文档）.ready（函数（）{
$（“#结果：包含（'Success'）”）.html（“”）；
});
$（“#Result”）.html（“此处的html”）
我将按类进行搜索-ID是唯一的，因此您必须使用属性选择器（其性能低于类选择器）。此外，您的表格没有
tr
，并且您的结束斜杠位于标记的错误一侧。我该怎么做？菲伊：这不是如何使用FontAwesome，顺便说一句。FontAwesome的要点是，您不必使用图像，而是使用字体的字符。@low_rents其他单元格使用的是字体awesome，我想做的是找到单元格，这样我就可以更改字体可怕图标的文本
$（“#Result”）.html（“此处的html”）
我会按类进行搜索-ID是唯一的，所以你必须使用属性选择器（比类选择器性能差）。此外，您的表格没有
tr
，并且您的结束斜杠位于标记的错误一侧。我该怎么做？菲伊：这不是如何使用FontAwesome，顺便说一句。FontAwesome的要点是，您不必使用图像，而是使用字体的字符。@low_rents其他单元格使用的是字体awesome，我想做的是找到单元格，这样我就可以更改字体的文字了。我的代码很好用，但是会用到的。谢谢。我的代码很好用，但是会用到的。谢谢。我非常新。。。两天内。。。我所寻找的是根据Anshul的解决方案，如果表格单元格值是这个，那么这个，或者如果它是那个，那么改为做这个。@SimonPrice好的，好的-在你的问题中，你想通过id来选择。我是非常新的。。。两天内。。。我所寻找的是根据Anshul的解决方案，如果表单元格值是this，那么是this，或者如果是this，那么改为this。@SimonPrice好的，好的-在您的问题中，您希望通过id进行选择。我正在运行jquery-1.11.3。您的2.1.1会影响我尝试运行的内容吗？不，这样做很好，您不需要再次包含jquery，你的1.11.3会很好用的谢谢你，现在很好用了一定是因为手指发胖！！我正在运行jquery-1.11.3，您的2.1.1会影响我正在运行的吗？不，这会很好，您不需要再次包含jquery，您的1.11.3会很好地工作谢谢，现在工作得很好，一定是手指发胖！！