javascript - 基于 css 属性使用 jQuery 选择元素？

Question

不会问我是不是真的找不到答案。所以这是我的问题。我使用的一个网站利用了 uBlock 的漏洞，它使用脚本覆盖随机生成的元素类，例如:

<div class="lcelqilne1471483619510ttupv"></div>
<div class="xgdxts1471483770461tkbfjhcr"></div>

字符串每次都在变化，所以选择它不可能持续不变。此类覆盖网站，迫使您单击它并接收弹出窗口/广告，其中一些如何使用 Base64 漏洞利用或其他方法绕过并显示有效的弹出窗口/新标签。然而，它确实有理论上可以选择类/ID 的 CSS 变量。然而，我不知道如何使用 javascript/jQuery(使用 greasemonkey)来实现。弹出窗口也是不可见的。

display: block !important;
visibility: visible !important;
top: 0px !important;
left: 0px !important;
position: absolute !important;
z-index: 999999 !important;

为了简化我的问题，我想根据它的 CSS 属性而不是元素的名称来选择这个元素，然后隐藏/阻止它。 http://prntscr.com/c7474u

Answer 1

您可以使用 .filter() 来检查您想要的设置的计算样式。

$("div[class]").filter(function() {
    if (this.className.length != 27) { // skip the expensive style check if we don't have a random-looking class
        return false;
    }
    var style = getComputedStyle(this);
    return (style.visibility == 'visible' && style.top == '0px' && style.left == '0px' && style.position == 'absolute' && style.zIndex == 999999);
}).hide();

我怀疑这会非常昂贵。如果您可以缩小选择器的范围，将会有所帮助。