根据表格内容插入图像

Question

我有一个具有以下值之一的数据库项目（称为公平贸易）：Yes、No、N/A.

这些显示在前端的<table>。

<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 来实现上述目标吗？我什至不确定它是否可能。

任何帮助将不胜感激。

Answer 1

嗯，你需要像 PHP 这样的东西来从数据库中获取数据，因为仅 JavaScript 无法做到这一点。
完成后，您可以使用服务器端语言插入图像，具体取决于您在呈现表格时从数据库中获得的数据。

如果为您呈现表格数据，您可以使用 JavaScript 根据单元格中的值显示图像。
一个简单的 jQuery 示例可能是这样的（抱歉，未经测试，从我的头顶开始，所以可能包含错误）

$("td").each(function(){
   if($(this).text() == "YES"){
      //code to show image here
   }
});

Answer 2

鉴于您的 HTML，以下代码应该适合您。

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

Example fiddle