jQuery 获取单击元素的宽度存储在变量中

Question

我有一些基本的标记：

<div id="container">
    <div class=".content"></div>
    <div class=".content"></div>
    <div class=".content"></div>
    <div class=".content"></div>
</div>

我想在每次单击时获取 .content 的宽度并将其存储在数组中。我有以下 jQuery 代码：

var listWidth = [];
    $('.content').click(function(){
        listWidth.push($(this).width());
    });

    console.log(listWidth);

这不会将宽度值传递给数组。当我像这样使用警报时它确实有效：

var listWidth = [];
    $('.content').click(function(){
        alert($(this).width());
    });

    console.log(listWidth);

任何人都可以帮助我吗？非常感谢。

Answer 1

从点击事件中调用 console.log。

var listWidth = [];
$('.content').click(function(){
    listWidth.push($(this).width());
    console.log(listWidth);
});

在单击事件将任何内容推入数组之前，您将在数组为空时记录数组。