Javascript 根据表格内容插入图像

我有一个数据库项（称为公平贸易），它具有以下值之一：

Yes

，

No

，

N/a.

它们显示在前端的

中

<table class="data-table" id="product-attribute-specs-table">
    <colgroup>
        <col width="25%"></col>
    </colgroup>
    <tbody>
        <tr class="last odd">
            <th class="label">Fairtrade</th>
            <td class="data last">N/A</td>
        </tr>
    </tbody>
</table>

公平贸易
不适用

如果数据库在内容中显示

YES

，我想显示一幅图像。如果数据库显示

No

或

N/A

，我想隐藏特定的表行

我可以使用Javascript/JQuery实现上述功能吗。我甚至不确定这是否可能

---

任何帮助都将不胜感激。

好吧，您将需要类似PHP的东西从数据库中获取数据，因为JavaScript本身无法做到这一点。
完成后，您可以使用服务器端语言插入图像，具体取决于在数据库呈现表时从数据库中获取的数据

如果为您呈现表格数据，您可以使用JavaScript根据单元格中的值显示图像。
一个简单的jQuery示例可能是这样的（对不起，没有经过测试，从我的头顶上看，可能包含错误）

---

给定您的HTML，下面的代码应该适合您

$('.data-table tr .data').each(function() {
   if ($(this).text() == 'Yes') {
       // show your image
   }
   else {
       $(this).closest('tr').hide();
   }
});

---

这当然是可能的，不过我们需要查看您的表格的HTML来告诉您如何操作。公平贸易不适用抱歉，不确定如何显示上面的代码。使用

（'Rowid'）。style.backgroundImage='url（tick.gif）'

如果您想在一行中显示图像或使用要显示图像的div的id，感谢这些非常快速的响应！！！！非常感谢你的帮助。“我现在就实施，然后再给你回复。”斯蒂芬斯密斯：没问题，很乐意帮忙。别忘了投票并接受对你有帮助的答案。大家好，很抱歉延迟回复。我已将以下内容添加到script.js文件中，但它似乎不起作用。任何想法？？？

$（'.data table tr.data'）.each（function（）{if（$（this.text（）='Strong'）{$（this.attr（'src'，'）；}else{$（this.closest（'tr'）.hide（）；}）$('.data-table tr .data').each(function() {
   if ($(this).text() == 'Yes') {
       // show your image
   }
   else {
       $(this).closest('tr').hide();
   }
});