Question

我有一个数据库项（称为fairtrade），它具有以下值之一：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

根据表格内容插入图像

2 个答案: