使用jquery弹出相对应的元素下标

使用jquery弹出相对应的元素下标

要求：点击当前的p标签,弹出相对应的元素下标 (点击第一个p元素,弹出0,点击第二个p元素,弹出1…)
代码:

<div id="div01">
    <p>1</p>
    <p>2</p>
    <p>3</p>
    <p>4</p>
</div>
 $("#div01>p").on('click',function(){
           var a = $(this).text()-1;
        alert(a);
        });