Javascript 对附加数据进行限制(如分页)-JQuery
如何限制附加数据?类似分页的东西 例如,如果我添加了5条评论,则其应显示3条最新评论,其他2条评论应隐藏,并应在单击显示更多评论时显示。我想用Jquery做的一切 查看Js Fiddle: 请看这张图片。我想澄清一下我的观点: 我也在这里提供我的代码:Javascript 对附加数据进行限制(如分页)-JQuery,javascript,jquery,html,css,pagination,Javascript,Jquery,Html,Css,Pagination,如何限制附加数据?类似分页的东西 例如,如果我添加了5条评论,则其应显示3条最新评论,其他2条评论应隐藏,并应在单击显示更多评论时显示。我想用Jquery做的一切 查看Js Fiddle: 请看这张图片。我想澄清一下我的观点: 我也在这里提供我的代码: <p> <a href="javascript:void(0);" class="add_more">Add More</a> </p> <ta
<p>
<a href="javascript:void(0);" class="add_more">Add More</a>
</p>
<table border="0" width="500" cellspacing="0">
<tbody class="append_data"></tbody>
<tr>
<td>
<textarea name="description" id="description"></textarea>
</td>
</tr>
</table>
#description{
width:400px;
}
.description_text{
border:#333333 solid 1px;
width:400px !important;
}
.append_data{
white-space: pre-wrap; /* CSS3 */
white-space: -moz-pre-wrap; /* Firefox */
white-space: -pre-wrap; /* Opera <7 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* IE */
}
HTML:
<p>
<a href="javascript:void(0);" class="add_more">Add More</a>
</p>
<table border="0" width="500" cellspacing="0">
<tbody class="append_data"></tbody>
<tr>
<td>
<textarea name="description" id="description"></textarea>
</td>
</tr>
</table>
#description{
width:400px;
}
.description_text{
border:#333333 solid 1px;
width:400px !important;
}
.append_data{
white-space: pre-wrap; /* CSS3 */
white-space: -moz-pre-wrap; /* Firefox */
white-space: -pre-wrap; /* Opera <7 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* IE */
}
CSS:
<p>
<a href="javascript:void(0);" class="add_more">Add More</a>
</p>
<table border="0" width="500" cellspacing="0">
<tbody class="append_data"></tbody>
<tr>
<td>
<textarea name="description" id="description"></textarea>
</td>
</tr>
</table>
#description{
width:400px;
}
.description_text{
border:#333333 solid 1px;
width:400px !important;
}
.append_data{
white-space: pre-wrap; /* CSS3 */
white-space: -moz-pre-wrap; /* Firefox */
white-space: -pre-wrap; /* Opera <7 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* IE */
}
#说明{
宽度:400px;
}
.description_text{
边框:#333333实心1px;
宽度:400px!重要;
}
.append\u数据{
空白:预换行;/*CSS3*/
空白:-moz预包装;/*Firefox*/
空白:-pre-wrap;/*Opera为每条注释添加div元素,并使用“.slice”显示最后3条,隐藏其余部分。这是您应该查找的内容
$(".comment_container").slice(0, -3).hide(); //will hide divs except the last 3.
你能更新我的小提琴吗?