首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在剔除js中找到foreach数据绑定的最后一次迭代。

问在剔除js中找到foreach数据绑定的最后一次迭代。
EN

Stack Overflow用户
提问于 2014-01-27 14:32:21
回答 4查看 7.4K关注 0票数 4

是否有一种方法可以在剔除js?中使用foreach数据绑定找到最后一次迭代。

我的问题是,我迭代一个项目的列表,并希望打印所有的项目分隔一行。

我不想为数组的最后一项画一条线(Hr)。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2014-01-27 14:37:38

您可以检查是否显示第一个元素。

代码语言:javascript
复制
<div data-bind="foreach: items">
   <hr data-bind="visible : $index()!=0" /> 
   <span data-bind="text: $data"></span>
</div>

See fiddle

或者,正如RP Niemeyer所说,您可以省略最后一个小时:

代码语言:javascript
复制
<div data-bind="foreach: items">
   <span data-bind="text: $data"></span>
   <hr data-bind="visible : $index() != ($parent.length-1)" /> 
   // notice the hr is after the item.
</div>
票数 6
EN

Stack Overflow用户

发布于 2014-01-27 14:37:21

在foreach内部,您可以绑定到一个名为$index的特殊上下文变量(可观察的)。因此,您可以绑定类似于visible: $index() < $parent.items().length - 1的内容。

样本:http://jsfiddle.net/rniemeyer/M55qh/

票数 8
EN

Stack Overflow用户

发布于 2014-01-27 14:37:14

使用CSS,您可以使用last-child,尝试:

代码语言:javascript
复制
hr:last-child {
  display:none;
}

如果可以更具体一些,比如添加父容器的id。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21383511

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档