jquery - 添加具有递增值的属性

Question

我有这个html：

<article id="2332">content...</article>
<article id="0565">content...</article>
<article id="5686">content...</article>

我想添加一个数字增加的属性“滚动索引”。结果，应该是

    <article id="2332" data-scroll-index="0">content...</article>
    <article id="0565" data-scroll-index="1">content...</article>
    <article id="5686" data-scroll-index="2">content...</article>

我正在尝试使用 jquery 代码：

var scrollindex = 0;
$('article').each(function() {
    $(this).attr('data-scroll-index', scrollindex);
    scrollindex++;
});

但没有成就。有什么建议吗？