jquery - 在 jquery css 中使用它

Question

我正在尝试将所有带有类选项卡的 div 的 css 更改为父级宽度除以同级选项卡的平方根。我被卡住了，因为这在使用 jQuery 选择所有选项卡时不起作用。我该如何解决这个问题？ 这是代码:

    function remodule(){
    $(".tab").css({
            "background-color":"hsl("+"100"+","+"50%"+","+"50%"+")",
            "position":"relative",
            "max-width": ($(this).parent.width -     15)/Math.sqrt($(this).prevAll.length),
            "max-height": ($(this).parent.height - 15)/Math.sqrt($(this).prevAll.length),
            "padding":"7px"
        })
}

事实证明这很难用谷歌搜索。

Answer 1

对于您的场景，您必须分别为每个选项卡设置样式:

$('.tab').each(function() {
   $(this).css({ ... });
});

如果您要设置单个属性，您可以使用函数回调，但在传递具有多个属性的对象时这不可用:

$('.tab').css('max-width', function() { return $(this).parent ... });

因此，您可以选择遍历所有选项卡一次并单独设置所有属性，或者首先在一次基于集合的调用中设置您可以设置的属性，然后设置 max-width 和 max-height 单独使用函数回调。

但第一种选择似乎更合理。