从当前的data-id元素获取下一个data-id选择器js

Question

我的html看起来如下所示。

下面的

dataId是刚刚滚动过的数据ID。此时我想获得此元素的结束data-id。我采取了很多方法，遗憾的是没有一种方法可以使用。

<div data-id='12345'>
   <p>hello there</p>
</div>
<div class='break'>
   <p>no man's land</p>
</div>
<div data-id='5678'>
   <p>Go for it</p>
</div>
<div class='test'>
   <p>just a test</p>
</div>
<div class='example'>
   <p>example</p>
</div>
<div data-id='5789'>
   <p>Last one</p>
</div>

js看起来像这样：

const firstDiv = $('div').attr('data-id["12345"]')
const nextDiv = firstDiv.next().attr('data-id');
// I am looking for the nextDiv to give me 5678