是什么让一个无序列表中点击一个元素的索引的最佳方式？
让我提供一个例子。 说我有以下HTML代码：
<ul data-bind="foreach: listItems">
<li data-bind="click: $parent.itemClicked">
<p data-bind="text: title"></p>
</li>
</ul>
现在，我有以下的javascript代码来获取指数：
...
self.itemClicked = function(data, item) {
var index = $(item.target).index();
}
...
但问题是，如果目标元素是<p>例如，我得到不正确的结果。 所以，我应该怎么获得点击的指数<li>元素？ 难道淘汰赛有一些这方面的方法，或者我应该以某种方式使用jquery？
我建议使用淘汰赛的$index上下文属性。 见下面的例子（ 的jsfiddle ）：
HTML
<!DOCTYPE html>
<html>
<body>
<ul data-bind="foreach: listItems">
<li data-bind="click: $parent.itemClicked.bind($data, $index())">
<p data-bind="text: title"></p>
</li>
</ul>
</body>
</html>
JavaScript的
var vmodel = {
listItems: ko.observableArray([
{title: "Able"},
{title: "Baker"},
{title: "Charlie"}]),
itemClicked: function(index) {
alert(index);
}
};
ko.applyBindings(vmodel);
相反搞乱你绑定，它更漂亮获取事件函数内部指标。 你可以得到绑定上下文从event.target ，使用ko.contextFor(element)
self.click = function (data, event) {
var context = ko.contextFor(event.target);
console.log(context.$index());
};
