学习时遇到一个问题，背景如下：
前端代码是循环呈现的
<div data='x'>(其中x自增，如1、2、3、4...）
    <button type="button" onclick='test()'>Click Me!</button>
</div>

想实现的效果是当点击该按钮时改变div中的内容，比如呈现一些其他如lable,input之类的。我的想法是js那边需要知道是哪个div，这样才能定位div改变它的内容，问题是不知道怎么在点击按钮事件发生时，把该button的父元素中的data属性的值传递到js那边，求各位大大的帮助。