2

我有一个具有以下值之一的数据库项目（称为公平贸易）：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 来实现上述目标吗？我什至不确定它是否可能。

任何帮助，将不胜感激。

4

2 回答 2

0

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

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

示例小提琴

于 2013-11-04T11:23:55.247 回答
0

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

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

$("td").each(function(){
   if($(this).text() == "YES"){
      //code to show image here
   }
});
于 2013-11-04T11:19:55.110 回答