事件委托
//父元素绑定事件,参数一:事件名 参数二:实际作用子元素 参数三:回调
$('#leftnav-list-ul').on('click' , '.leftnav-list-li' , function() {
console.log($(this).index()) // 点击的子元素的索引
})
<body>
<div id="wrap">
<div id="tit">
<span class="select">标题1</span>
<span>标题2</span>
<span>标题3</span>
</div>
<ul id="con">
<li class="show">内容111</li>
<li>内容222</li>
<li>内容333</li>
</ul>
</div>
<script>
$('#tit span').click(function() {
var i = $(this).index();//下标第一种写法
//var i = $('tit').index(this);//下标第二种写法
$(this).addClass('select').siblings().removeClass('select');
$('#con li').eq(i).toggle().siblings().hide();
});
</script>
</body>