jquery：自定义选择器不起作用

Question

我正在尝试创建一个自定义 jquery 选择器以返回 css("visibility") == "inherit" 的布尔值，但它似乎不起作用。下面是代码...

$.expr[":"].crazyvisible = function(a) {
    var elem = $(a);
    return (elem.css("visibility") == "inherit");
};

这是我在中使用选择器的代码（我也试过现场）...

$(document).ready(function() {
    $("span#Request1_multiconditionvalidator2").delegate(":crazyvisible","attachErrorMessage", function() {
        ...
    }
}

Answer 1

据我所知，您的选择器或 .delegate() 调用没有任何问题。问题是 .css() 函数返回元素的计算样式，所以你永远不会得到 'inherit' 作为值，因为它会被计算为元素父元素的任何样式。

您可以在this question 中找到有关使用 jQuery 检查继承的 CSS 属性的更多信息 — 简而言之，这样做并不容易。

编辑：如果你只需要知道一个元素是否不是'hidden'，是否继承，你可以这样做：

$.expr[":"].crazyvisible = function(a) {
    var elem = $(a);
    return elem.css("visibility") != "hidden";
};