Question

我正在尝试创建一个页面模板，该模板使用基于单独数据库动态提取的节标题和后续内容。目前我将页面设置为如下所示：

        <tr>
        <td>
        <h3>Product Applications</h3>
        {tag_applications}<br />
        </td>
    </tr>

“产品应用程序”是页面上的格式化标题，而{tag_applications}是通过CMS链接的，该CMS从其他地方定义的字段中提取内容。我试图找出当{tag_applications}为空或空白时如何用CSS或脚本隐藏整个单元格（或div，如果需要）。我尝试在单元格中使用CSS中的“empty”标记并将显示设置为隐藏，但当然，由于标题，单元格实际上不是空的。

如果不为每个项目创建单独的页面，我可以实现此目的的最佳方法是什么？

谢谢！

Answer 1

尝试将您的内容区域包装在div中，如下所示：

        <tr>
        <td>
        <h3>Product Applications</h3>
        <div class="contentSection">{tag_applications}</div>
        </td>
    </tr>

然后你的脚本可以检查div是否为空。（使用jQuery）

$(function()
{
    $(".contentSection").each(function(idx, ele)
    {
        if($(ele).html() == "")
            $(ele).parent().hide();
    });
});

如果我犯了任何语法错误，我很抱歉...

使用CSS或Java显示或隐藏空内容区域

1 个答案: