javascript - 如果 Logo ID 存在，则在 JQuery 的页面上隐藏另一个 ID

Question

如果 Logo 存在，则尝试隐藏 div。尝试了几件事，但没有成功，你能发现错误吗？

if ($('#mylogo').css('display', 'block') {
   $('#sign_up_now').css('display', 'none');
}

和

$(document).ready(function(){
    if ($('#my_logo').length) {
       $('#sign_up_now').css('display', 'none');
    }
});

因此，如果我的 my_logo 处于事件状态 (display:block) 甚至存在。隐藏 ID 为 sign_up_now

的 div

有两个选项会很棒，因为如果 sign_up_now div 也存在，我可能需要稍后隐藏一个 div。

编辑

当放置在页面的页脚时，如果运行两个 JQuery 函数。我假设他们不会用 ;

结束分隔脚本标签

<script>
    $(document).ready(function () {
        if ($('#intrica_logo').css('display') == 'block') {
            $('#sign_up_now').css('display', 'none');
        }
    });
</script>
<script>
    $(document).ready(function () {
        if ($('tr#logout_button').css('display') == 'table-row') {
            $('tr#sign_up_now').css('display', 'none');
        }
    });
</script>

或者应该是

<script>
    $(document).ready(function () {
        if ($('#my_logo').css('display') == 'block') {
            $('#sign_up_now').css('display', 'none');
        }
        if ($('tr#logout_button').css('display') == 'table-row') {
            $('tr#sign_up_now').css('display', 'none');
        }
    });
</script>

Answer 1

尝试使用 :visible 和 is() 测试 Logo 是否可见，使用 hide() 隐藏 Logo

if ($('#mylogo').length && $('#mylogo').is(':visible')) {
    $('#sign_up_now').hide();
}