Javascript 参考第n个选项卡单击

我试图获取对第n个选项卡的引用，并根据您单击的选项卡动态显示/隐藏所述内容。先展示我拥有的东西更容易：

//创建选项卡

您不需要对单击回调使用jquery，请使用knockout保持其干净：

DOM:

嘿，谢谢你的快速回复。如果可能的话，我被要求不要使用击倒，这就是问题所在，但我认为你是对的；击倒似乎是最干净、最简单的解决方案。让我试一试，我很快就会回来报告。谢谢我无法想象，如果您已经在集合绑定中使用了knockout，那么您为什么不在click绑定中使用knockout。。。除非你想彻底摆脱淘汰赛…我同意这个解决方案。在knockout中，将数据对象作为第一个参数（在可观察数组中单击的当前项）和事件对象传递给您。这比试图通过dom向jquery传递额外数据要方便得多。这是一种数据驱动的方式，而jquery会造成混乱。
<!-- ko foreach: ObjectToIterate -->
    <li><a href="#" data-bind="attr: { 'id': 'tab' + $index() }, click: tabClicked"></a> </li>
<!-- /ko -->

var tabViewModel = {
     tabClicked: function(tab) { alert('Tab: ' + tab + ' clicked!'); };
};