我有一个动态页面,可从数据库加载用户内容。如果用户的帖子超过50个字符,我将回显此代码:$data['string'] = substr($data['string'], 49, 50).$showmore
其中$showmore = '<a href="#" class="showmore">Show More</a>
至此一切正常,当单击“显示更多”链接时,我只是不知道如何使用jQuery更改substr值。如果需要其他信息,我将进行更新。
最佳答案
如果从PHP输出所有文本,则可以使用此Fiddle使事情变得有趣。
小提琴:http://jsfiddle.net/iambriansreed/bjdSF/
jQuery(function(){
var minimized_elements = $('p.minimize');
minimized_elements.each(function(){
var t = $(this).text();
if(t.length < 100) return;
$(this).html(
t.slice(0,100)+'<span>... </span><a href="#" class="more">More</a>'+
'<span style="display:none;">'+ t.slice(100,t.length)+' <a href="#" class="less">Less</a></span>'
);
});
$('a.more', minimized_elements).click(function(event){
event.preventDefault();
$(this).hide().prev().hide();
$(this).next().show();
});
$('a.less', minimized_elements).click(function(event){
event.preventDefault();
$(this).parent().hide().prev().show().prev().show();
});
});
source