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

我遇到的问题类似于以前的问题。 我试图给多个元素一个宽度，具体取决于它们有多少。

假设我有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; 

然后你问题中的两个方法都会起作用！