jquery 里delegate怎么判断出被触发元素的索引位置

jquery 里delegate如何判断出被触发元素的索引位置？
想要实现的效果是 用 事件委托delegate 滑动点击获得点击点击元素的索引位置 显示对应的内容 就是一个滑动门的效果

请问这个事件委托的时候 怎么高效的取得点击元素的索引位置呢

上面的菜单和下面的内容是一样的数量 前提下 我点击上面的元素 显示对应顺序里的内容这样

这是HTML结构 （点击tab-hd-click 下面的li显示对应的内容）

 <div class="content">

            <span class="addGoodsCard">加入购物车</span>

            <ul class="tab-hd-click">

                <li class="tab-on">商品详情</li>

                <li>购买评论</li>

                <li>商品咨询</li>

                <li>购物须知</li>

             </ul>

            <div class="content-list">

                <ul>

                    <li>商品详情 内容1111111</li>

                    <li>购买评论内容111111</li>

                    <li>商品咨询内容11111111</li>

                    <li>购物须知111111111</li>

                </ul>

            </div>



        </div>

下面是JS（JQUERY）

function hd(parent,EventElement,EventType,addClass){


    $(parent).delegate(EventElement,EventType,function(){

        $(this).addClass(addClass).siblings().removeClass();


    })


}

    hd(".content",".tab-hd-click li","click","tab-on");

请问如何判断触发元素的索引位置 我想到的就是可以获取到触发元素里面的内容(li里面的文字进行比较) 循环对比这样获取
请问有没有比较高效的方法获取到呢~ 一般来说这里应该怎么直接获取到元素的索引位置呢？不用for循环这样的可以获取的么
------解决思路----------------------
function hd(parent,EventElement,EventType,addClass){
 
    $(parent).delegate(EventElement,EventType,function(){
alert($(this).index())
        $(this).addClass(addClass).siblings().removeClass();
 
    })
 
}