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 に答える