jQuery Selector最后一个在Knockout页面上

Question

点击我的HTML页面的按钮，我将数据添加到一个可观察的数组，并且淘汰将其显示在页面上。我在html中放了逗号（，）以获得逗号分隔集。

但是，我应该清除最后一个逗号。我使用带有类的span添加逗号。

我将jquery选择器用于具有最后一个选项的类，以将内部html设置为空字符串。但它会清除所有逗号。

如果我首先使用它作为选项，它会清除第一个逗号。但是，我希望删除最后一个。

$(".spanSeparator:last")[0].innerHTML = "";

这是小提琴：http://jsfiddle.net/mayurarora/ZtL8t/

由于

Answer 1

我认为你试图以完全不正确的方式解决你的问题。只需使用KO的计算机以您喜欢的方式格式化数据存储：

viewModel.formattedDataStore = ko.computed(function(){
    return this.dataStore().join(", ");
}, viewModel);

此计算返回以逗号粘贴的数据存储的所有元素。现在，通过简单的 text 绑定，此计算结果可以绑定到<span>。

<span >{</span>
<span data-bind='text:formattedDataStore'></span>
<span>}</span>

Voisla！现在没有必要通过.innerHTML更改输出。

http://jsfiddle.net/ZtL8t/1/