‘如果超过5个链接，添加文本加上显示:无；如果有超过5个’脚本？
‘如果超过5个链接，添加文本加上显示:无；如果有超过5个’脚本？
提问于 2016-04-11 22:29:07
我的代码如下：
.keywords a {
font-style:italic;}
.keywords a:nth-of-type(n+5) {
display:none}
<div class="keywords">{Keywords}</div>关键字是a链接，并将自动添加。
(您可以添加任意数量的关键字，尽管只会显示前五个关键字，但在此代码中不会发生这种情况
例如，所有这些都可以被视为页面上的不同文章，每个文章都有这个div=‘关键字’
k1
k1、k2、k3
k1、k2、k3、k4、k5
_
如果有5个以上的关键字：
k1、k2、k3、k4、k5、k6、k7 -这两个将不可见
我希望它是什么样子(还有7个关键字)：
k1、k2、k3、k4、k5、k6、k7 more - k6和k7再次隐藏，但添加了'more‘链接)
我现在想添加一个‘更多’链接，就像‘如果有5个以上的关键字，那么添加一个’更多‘，但我不知道怎么做。是否需要脚本？
回答 1
Stack Overflow用户
发布于 2016-04-11 22:42:49
你是说这样的东西吗？https://jsfiddle.net/cd4aa8a0/1/
因此，我包含了一些js，并在css中添加了另一个类。
.keywords:nth-child(n+6) a {
display: none;
}JS
$(".show").on('click', function(){
$(".keywords:nth-child(n+6) a").toggle();
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36551590
复制相关文章
相似问题
腾讯云开发者
