javascript – 我可以使用Knockout将绑定应用于多个DOM元素吗？

我有一个这样的结构：

<div id='col1'> ... some ko elements ... </div>
<div id='col2'></div>
<div id='col3'> ... some more ko elements ... </div>

…和我需要能够ko.apply绑定到col1和col3.现在,我正在做这样的事情来绑定到col1：

ko.applyBindings(myviewmodel,document.getElementById("col1"));

这可以很好地填充第一列.但是我仍然缺少第三栏.我很想能够做到这一点：

<div id='col1' class='bindable'> ... some ko elements ... </div>
<div id='col2'></div>
<div id='col3' class='bindable'> ... some more ko elements ... </div>

接着…

ko.applyBindings(myviewmodel,$(".bindable"));

…以便它试图绑定到.bindable的所有实例.有没有什么像这样在淘汰赛中,还是有什么建议？

解决方法

这是我找到的最好的解决方案：

<div id='col1' class='bindable'> ... some ko elements ... </div>
<div id='col2'></div>
<div id='col3' class='bindable'> ... some more ko elements ... </div>

然后脚本绑定…

$(".bindable").each(function(){
    ko.applyBindings(myviewmodel,this[0]);
}

这对我来说很好,干净.