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

时间:2012-08-25 15:29:02

标签: jquery css console width

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

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

有什么想法?感谢。

1 个答案:

答案 0 :(得分:2)

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

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

到此:

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

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