Javascript “如何显示”；阅读更多“；3个按钮后的链接

在这段代码中，我想在3个按钮后显示

show more

链接： 我知道，如何显示x字后显示更多按钮，但如何显示按钮后显示更多链接

这是我的代码，用于在x字后显示

显示更多
链接，如果有帮助：


jQuery（函数（）{
var最小化元素=$（'span.showmore'）；
最小化了_元素。每个（函数（）{
var t=$（this.text（）；
如果（t.长度<410）返回；
$（this.html）(
t、 切片（0410）+“…”+
''+t.切片（410，t.长度）+''
);
}); 
$（'a.more'，最小化元素）。单击（函数（事件）{
event.preventDefault（）；
$（this.hide（）.prev（）.hide（）；
$（this.next（）.show（）；
});
$（'a.less'，最小化元素）。单击（函数（事件）{
event.preventDefault（）；
$（this）.parent（）.hide（）.prev（）.show（）.prev（）.show（）；
});
});

拖车1
拖车2
拖车3高清
拖车4 SD
拖车5
拖车6
视频
您可以使用jquery和函数完成任务

$(document).ready(function() {
  $( "button.playtrailer" ).eq(2).after('<a>Read More</a>');
});

$（文档）.ready（函数（）{
$（“button.playtraile”）.eq（2）。在（'
之后，您可以使用jquery在前三个按钮之后添加“显示更多”链接，并将其余按钮移动到带有类的div中并将其隐藏。将eventlistener附加到显示隐藏按钮的链接。
jQuery（函数（）{
var playButtons=$（'.playtraile'）；
$（播放按钮[2]）。在（''）之后；
$（播放按钮[2]）。在（''）之后；
对于（var i=3；i非常容易做到，如下所示：-


$（文档）.ready（函数（）{
$（“button.playtraile”）.eq（2）.在（“”）之后；//向链接添加唯一id
$（“button.playtraile:gt（2）”）.addClass（'hide'）；
});
$（文档）.on（'click'，'a#special'，函数（e）{
e、 预防默认值（）；
$（this.addClass（'hide'）；
$（'button.playtrailer'）。removeClass（'hide'）；
})；
.hide{
显示：无；
}

拖车1
拖车2
拖车3高清
拖车4 SD
拖车5
拖车6
视频你当前的代码假设你只处理文本，而应该考虑诸如“代码> var t= $（this））。
-这应该会给你一个按钮集合。你需要使用稍微高级一点的DOM创建方法，而不是构建HTML，但是
slice
仍然可以很好地获得按钮的子集。你想
在每三次之后显示更多的按钮还是只显示一次？只显示一次@Mr.developer谢谢可以使用jquery eq（）函数
$（“buttonplaytrailer.”）。eq（2）。append（'Show More'）；
请检查编辑后的答案。我使其更简单。它会使页面上的其他链接消失，等等click@Toby是的，对那个错误感到抱歉。更正了那个错误。请现在检查