jquery - 根据数量设置具有相同类的多个元素的宽度

Question

我遇到了与以前类似的问题。我试图给多个元素一个宽度，具体取决于它们的存在数量。

假设我有 5 个元素，它们的宽度必须为 20%，如果我有 4 个 25% 等（宽度 = 100 / n）

我认为这会起作用，但它没有：

    if ($(window).width() <= 960) {

        $("aside.widget").css("width", function(){
            var widgetLength = $("section#secondary").children("aside.widget").length();
            return 100 / widgetLength + "%"
        });
    }

也没有：

    if ($(window).width() <= 960) {         
        $("aside.widget").css("width", 100 / widgetLength + "%");
    }

控制台返回：Uncaught TypeError: Property 'length' of object [object Object] is not a function

有什么想法吗？谢谢。

Answer 1

它们都应该可以正常工作，但长度不是函数，所以你需要改变它：

var widgetLength = $("section#secondary").children("aside.widget").length();

对此：

var widgetLength = $("section#secondary").children("aside.widget").length;

那么您问题中的两种方法都可以使用！