javascript - 我如何获得按钮的排名

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>

标签： javascriptcustom-data-attribute

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>