在jQuery中，可以使用innerHTML属性将HTML代码插入到元素中。如果这些HTML代码包含列表元素，我们可以使用on方法来绑定点击事件，并通过事件对象来获取点击的是第几个列表项。
首先，我们需要一个包含列表的HTML结构。假设我们有一个<ul>元素，其中包含三个<li>元素，如下所示：
<ul id="list">
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
接下来，我们可以使用innerHTML属性将这个HTML代码插入到某个元素中。假设我们将它插入到一个<div>元素中，如下所示：
$('#someElement').html(`
<ul id="list">
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
`);
现在，我们已经将列表插入到元素中了。接下来，我们可以使用on方法来绑定点击事件，并通过事件对象来获取点击的是第几个列表项。
$('#someElement').on('click', '#list li', function(e) {
var index = $(this).index();
console.log('点击的是第' + (index + 1) + '个列表项');
});
在上面的代码中，我们使用了事件委托的方式，将点击事件绑定到了#someElement元素上，但只有当点击的元素是#list li元素时才触发事件。通过$(this)可以获取到点击的列表项，然后使用index方法获取该列表项在父元素中的索引。需要注意的是，索引是从0开始的，所以我们需要将索引加1才能得到点击的是第几个列表项。
综上所述，我们可以通过使用innerHTML插入列表HTML代码，然后使用on方法绑定点击事件，并通过事件对象来获取点击的列表项的索引。
