如何限制附加数据?像分页这样的东西。
例如,如果我附加了 5 条评论,它应该向我显示3 条最新评论,其他 2 条评论应该被隐藏,并在单击“显示更多评论”时出现。我想用 Jquery 做的所有事情。
查看 Js 小提琴:http: //jsfiddle.net/7jE9p/1/
请看一下这张图片。只是为了澄清我的观点:
我也在这里提供我的代码:
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>
CSS:
#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 */
}
查询:
$('.add_more').click(function()
{
var description = $('#description').val();
$(".append_data").append('<div class="description_text">'+description+'</div><br><br>');
});