Jquery CSS更改时隐藏多个元素

我有几个按钮，我用作为标签。我想检查标记是否可见，如果所有标记都隐藏，则隐藏清除选择链接。 我的HTML是：

 <div class="col-xs-12 col-sm-5 cols">
      <div id="tags">
      <button type="button" class="btn btn-default usertitle-tag hide-tag tg-btns">x &nbsp;&nbsp;Usertitle</button>
      <button type="button" class="btn btn-default comments-tag hide-tag tg-btns">x &nbsp;&nbsp;Comments</button>
      <button type="button" class="btn btn-default topics-tag hide-tag tg-btns">x &nbsp;&nbsp;Topics</button>
      <button type="button" class="btn btn-default login-tag hide-tag tg-btns">x &nbsp;&nbsp;Login</button>
    </div>
       <a href="#" class="cancel clear">Clear selection</a>
        </div> <!--/.col-xs-12-->

---

如果至少有一个

隐藏标记可见，则可以将可见性设置为true，如

$(".clear").toggle($('.hide-tag').is(':visible'));

您可以在jquery中使用
is（“：visible”）
，如果元素可见，jquery将返回
true

试着

$(this).is(":visible")

根据您的要求，如果没有按钮可见，此功能将隐藏清除标签

看看吧。

函数checkForClearBtnDisplay（）
{
clearBtnVisible=0；//默认情况下，清除标记可见性设置为FALSE
$（“#标记按钮”）。每个（函数（）{
如果（$（this）.is（':visible'））
{
clearBtnVisible=1；
}                       
});
if（clearBtnVisible==0）
{
//如果看不到按钮，则隐藏清除标记
$（'.clear'）.hide（）；
}
其他的
{
$（'.clear'）.show（）；
}
}   

$(this).is(":visible")

$('.hide-tag:visible').size() > 0 ? $(".clear").show() : $(".clear").hide();

    function checkForClearBtnDisplay()
    {
        clearBtnVisible=0;          //BY DEFAULT CLEAR TAG VISIBILITY SET AS FALSE

        $('#tags button').each(function(){

                if($(this).is(':visible'))
                {
                    clearBtnVisible=1;  
                }                       
        });

        if(clearBtnVisible==0)
        {
            //HIDE THE CLEAR TAG IN CASE NO BUTTON IS VISIBLE
            $('.clear').hide();
        }
        else
        {
            $('.clear').show();
        }
    }   

</script>