Question

我正在使用prestashop创建一个商店。我的问题是，在产品描述中我有两个引导标签

<ul class="nav nav-tabs">
    <li class="active"><a data-toggle="tab" href="#op">One</a></li>
    <li><a data-toggle="tab" href="#conf">Spec</a></li>
</ul>

第一个是一般描述，另一个是技术性的。但并非每个产品都有第二个描述，因此内容为空。

我的问题是，如果需要，我怎么才能看到第一个标签？

编辑：伙计我不知道我是否写得那么直。我需要在它'指向'的div内容为空时隐藏标签。

由于

Answer 1

在第二个标签页中添加class，然后运行此Jquery

  $(".someclass").each(function(){
    var $txt=$(this).text();
    if($txt==""){
    $(this).closest('li').hide();
    }
    })

Without text DEMO

With text DEMO

For Multiple empty tab contents

Answer 2

这应该是它：

$('.nav-tabs li').each(function () {
    $tab = $(this)
    if ($tab.text() === '') {
        $tab.hide()
    }
}

Answer 3

也许为时已晚！但我在这里写下我的答案来帮助别人。我有一个带有bootstrap的导航标签，我想隐藏标签而没有内容：

<script>
    $(document).ready(function() {
        $('.EmptyFind').each(function() {
            var $txt=$(this).text().trim().length;
            var $dataTarget=$(this).attr('id');            
            if ($txt < 1) {
                $('#descriptionTab a[href="#' + $dataTarget + '"]').closest('li').hide();
            }
        });
    });
</script>

因此我们可以添加这些jquery代码行来隐藏其中没有内容的“#times”标签：

rootViewController

我希望它会有所帮助：）

如果内容为空，则隐藏选项卡

3 个答案: