JS里有和var i=$('.list p').index($(this));一样效果的方法吗？

Question

<div class="list">
        <p>Six60 - Special</p>
        <p>曲婉婷 - 没有什么不同</p>
        <p>水木年华 - 一生有你</p>
    </div>var songArr = ["audio/Six60 - Special.mp3", 
"audio/曲婉婷 - 没有什么不同.mp3", "audio/水木年华 - 一生有你.mp3"];

 $('.list p').click(function() {    var i = $('.list p').index($(this));
    music.src = songArr[i];
    music.play();
  })

效果是点哪个就播放哪个，但是如果不用jquery，用js有没有可以返回我点的是第几个P标签的方法，什么方法都可以