点击父元素可以动态生成子元素,并且获取当前点击的子元素下标
我用的jQuery3.3.1
<div id="temp">
<ul>
<li>0元素</li>
<li>1元素</li>
<li>2元素</li>
<li>3元素</li>
</ul>
</div>
<script>
$("#temp ul").on('click','li',function(){
var index=$("#temp ul li").index(this);
console.log("当前下标为:"+index);
$("#temp ul").append("<li>"+$("#temp ul li").length+"元素</li>")
});
</script>