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;

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