Knockout - 被点击的元素

我有以下标记：

<fieldset>
   <div>
       <label class="editor-label">Question 1?</label>
       <input type="text" class="editor-field" />     
       <button type="button" data-bind="click: helpClicked">Help</button>
       <p class="help">Help 3</p>
   </div>
    <div>
       <label class="editor-label">Question 2?</label>
       <input type="text" class="editor-field" />
       <button type="button" data-bind="click: helpClicked">Help</button>
       <p class="help">Help 3</p>
   </div>
   <div>
       <label class="editor-label">Question 3?</label>
       <input type="text" class="editor-field" />
        <button type="button" data-bind="click: helpClicked">Help</button>
       <p class="help">Help 3</p>
   </div>
</fieldset>

我想切换的可见性<p>与班级help在相同的Div作为单击的按钮。我试图使用 $(this) 来确定单击了哪个按钮，然后我可以从那里获得正确的“帮助”元素。

问题是$(this)不返回单击的按钮。

目前我正在尝试简单地隐藏单击的按钮，例如：

var viewModel = {
    helpClicked: function () {
        $(this).hide();           
    }
};

ko.applyBindings(viewModel);

这是行不通的。有人可以帮忙吗？

这是一个 jsFiddle ，其中有一种可能的解决方案：

http://jsfiddle.net/unklefolk/399MF/1/ http://jsfiddle.net/unklefolk/399MF/1/

您可以通过以下语法定位所需的 DOM 元素：

var viewModel = {     
    helpClicked: function (item, event) {   
        $(event.target).hide(); 
        $(event.target).next(".help").show()            
    } 
};  
ko.applyBindings(viewModel); ​