我在jQuery中为更多/更少的文本按钮工作。当我的jQuery脚本加载时,我想只显示div中的一些文本。在这种情况下,任何文字>我想先隐藏650个字符。我无法弄清楚如何使用jQuery隐藏超出该限制的文本。此外,我正在尝试创建一个函数,在单击按钮时将显示div中的其余文本。然后,当单击相同的按钮时,文本将仅显示最初显示的内容。
我有一个小提琴,我一直在努力,可能是在正确的轨道上,但我不确定是否是这种情况。
如果您有任何建议,请与我们联系。
小提琴------ https://jsfiddle.net/carbot3000/f20bbh7a/99/
$(document).ready(function() {
var showChar = 250; // How many characters are shown by default
var ellipsestext = "...";
var rvwbody = jQuery(".reviewbody").html();
var c = rvwbody.substr(0, showChar);
var h = rvwbody.substr(0, rvwbody.length);
jQuery('.reviewbody').each(function() {
if (rvwbody.length > showChar) {
jQuery(".btnRead").show();
jQuery(".reviewbody").html(h);
}
});
jQuery(".btnRead").click(function() {
jQuery(".btnRead").html(jQuery('.btnRead').text() == 'Hide me' ? 'Show Me' : 'Hide me');
jQuery(".reviewbody").html(h);
jQuery(".tstars").toggleClass("color");
console.log(h);
});
});
答案 0 :(得分:3)
试试这个
{
"queryPlanner" : {
"plannerVersion" : 1,
"namespace" : "users",
"indexFilterSet" : false,
"parsedQuery" : {
"role" : {
"$eq" : "seeker"
}
},
"winningPlan" : {
"stage" : "COLLSCAN",
"filter" : {
"role" : {
"$eq" : "seeker"
}
},
"direction" : "forward"
},
"rejectedPlans" : [ ]
},
"serverInfo" : {
},
"ok" : 1
}