我如何获得按钮的等级

Question

 <script>
    function showRank(){
      // I don't know what to do now 
    }
 <script>

 <section>
    <div data-index='1'>
        <p>First</p>
        <button  onclick='showRank()'>First</button>
    </div>
    <div data-index="2">
            <p>Second</p>
        <button onclick='showRank()'>Second</button>
    </div>
    <div data-index="3">
            <p>Third</p>
        <button onclick='showRank()'>Third</button>
    </div>
</section>

[单击任意一个按钮时，我要console.log（）按钮所在的div。例如：

输入-：Clicked the button 'First'

输出-：

<div data-index='1'>
     <p>First</p>
     <button  onclick='showRank()'>First</button>
  </div>

Answer 1

我很容易的方法就是像这样将参数传递给您的函数

<script>
    function showRank(varRank){
     console.log(varRank) 
    }
 <script>

 <section>
    <div data-index='1'>
        <p>First</p>
        <button  onclick='showRank("First")'>First</button>
    </div>
    <div data-index="2">
            <p>Second</p>
        <button onclick='showRank("Second")'>Second</button>
    </div>
    <div data-index="3">
            <p>Third</p>
        <button onclick='showRank("Third")'>Third</button>
    </div>
</section>